手机
当前位置:查字典教程网 >编程开发 >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提交表单实现网页无刷新注册示例】相关文章:

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

Javascript中prototype属性实现给内置对象添加新的方法

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

JQUERY表单暂存功能插件分享

JavaScript实现点击文字切换登录窗口的方法

jquery简单实现外部链接用新窗口打开的方法

jQuery实现html表格动态添加新行的方法

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

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

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

精品推荐
分类导航