手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >ajax提交表单实现网页无刷新注册示例
ajax提交表单实现网页无刷新注册示例
摘要:Ajax无刷新复制代码代码如下:varxmlHttp;uName()//用户名失去焦点时{if(all.uname.==""){all.l1...

Ajax 无刷新

复制代码 代码如下:

var xmlHttp;

uName() //用户名失去焦点时

{

if(all.uname.=="")

{

all.l1.innerHTML="不能为空!";

setTimeout("close(1)",1500);

return;

}

else

{

xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");

xmlHttp.onreadystatechange=deal; //回调函数

var url="aJax.aspx?user='"+all.uname.+"'"; //将要跳转到检测用户名的页面

xmlHttp.open("get",url,true); //用 get 模式提交表单 到 url ;并启动 一步处理

xmlHttp.send(null); //发送

}

}

deal()

{

//alert(xmlHttp.readystate+"__"+xmlHttp.status);

if(xmlHttp.readystate!=4)

{return; }

if(xmlHttp.status!=200) //等于500 时是 sql 语句或数据库的错误

{return;}

//

var num = xmlHttp.responseText; //接收服务器发送的信息

//alert(num);

all.l1.innerText="";

if(num>0)

{

all.l1.innerText="次用户名已被使用!";

}

else

{

all.l1.innerText="√";

}

}

【ajax提交表单实现网页无刷新注册示例】相关文章:

jquery插件splitScren实现页面分屏切换模板特效

jQuery实现返回顶部效果的方法

jQuery+ajax实现无刷新级联菜单示例

js实现字符串转日期格式的方法

实现无刷新联动例子汇总

JS+DIV实现鼠标划过切换层效果的方法

js实现从右向左缓缓浮出网页浮动层广告的方法

JavaScript实现单击下拉框选择直接跳转页面的方法

javascript使用Promise对象实现异步编程

禁止按回车键提交表单的方法

精品推荐
分类导航