全选反选、登陆、ajax删除等等 思路以及伪代码

前端之家收集整理的这篇文章主要介绍了全选反选、登陆、ajax删除等等 思路以及伪代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
一、全选反选的思路及代码


①、建立form表单,在表单上添加一个全选/反选按钮,并给按钮添加鼠标单击事件


<input type="button" value="全选/反选" onclick="allno()">


②、在函数中通过name获取对象数组


var check=document.getElementsByName('check');


③、在循环中判断复选框是否被选中,如果被选中,则取消选中,否则选中


for(var i=0;i<check.length;i++)
{
if(check[i].checked==true)
{
check[i].checked=false;
}else{
check[i].checked=true;
}
}












二、将复选框中的值连成字符串输出


①、建立form表单,在表单上添加一个提交按钮,并给按钮添加鼠标单击事件


<input type="button" value="提交" onclick="joins()">


②、在函数中通过name获取对象数组


var check=document.getElementsByName('check');


③、定义一个空字符串,在循环中判断复选框是否被选中,如果被选中,则将该值连接到定义的空字符串中


var str="";
for(var i=0;i<check.length;i++)
{
if(check[i].checked==true)
{
str+=check[i].value;
}
}


④、str即为勾选的复选框值连接成的字符串


alert(str);


注:javascript步骤


1.写页面


2.事件(在哪个表单控件上使用什么事件)


3.写函数


4.在函数内取对象


5.对象操作属性(样式)














三、ajax批量删除思路及代码


①、建立form表单,在表单上添加一个ajax删除按钮,并给按钮添加鼠标单击事件


<input type="button" value="ajax删除" onclick="ajaxdel()">


②、在函数中通过name获取对象数组


var check=document.getElementsByName('check');


③、建立ajax事件,并用open()建立与服务器的连接,用send()处理数据


④、在PHP处理文件中接收check的值连接数据库,并拼写删除sql语句


$sql="delete from 表名 where id in ()";


⑤、用js将PHP处理文件返回的值放到该去的地方














四、ajax搜索思路及代码
①、建立form表单,在表单页添加一个文本框和一个ajax搜索按钮并给按钮添加单击事件
<input type="text"><input type="button" value="ajax搜索" onclick="ajaxsearch()">
②、在函数中通过Id获取对象
var name=document.getElementById("name").value
③、建立ajax事件,并用open()建立与服务器的连接 用send()处理函数
④、在PHP处理文件中接收Id的值病连接数据库,并拼写sql
语句:$sql="select * from 表名 where name like '%$name%'";
⑤、用js将PHP处理文件返回的值放到表格中





//登录
1建立一个表单页面包括用户名,密码,自动登陆的复选框,和一个登录按钮
2给form表单添加onsubmit表单事件,
3 在登录处理页面接值然后操作数据库
4拼写正确的sql语句select *from 表名 where name=$name and pwd=$pwd;
5 执行sql语句由于select返回一个资源所以要给从资源中去数组;
6用判断如果成功取出数组就判断用户是否勾选自动登录复选框如果勾选就用cookie记住用户名密码否则就直接登录不记住用户名密码
if(@$_POST['ch'])(
setCookie("name",$name,time()+60*60*24*3);
setCookie("pwd",$pwd,time()+60*60*24*3);

如果没有取出数组就返回登录页并提示登录失败请重新登录

7在登录页面用cookie取值判断如果有值就直接跳转后台页否则就直接进行登录


今天暂时就这么多了 ,下次有时间在整理

原文链接:https://www.f2er.com/ajax/163476.html

猜你在找的Ajax相关文章