Ajax 怎么实现异步刷新
时间:2010-12-05
来源:互联网
如题 有实例最好(怎么和数据库连接操作也可以)
邮箱:[email protected]
邮箱:[email protected]
作者: yujiayou 发布时间: 2010-12-05
网上很多例子!搜索ajax 就可以
作者: hch126163 发布时间: 2010-12-05
JScript code
主要的js代码 当然 如果你会用jquery的话 那么只需要大概8行就行
HTML code
主要的检查操作是在var url="ajax/check?username="+username; 里面运行的 这个里面有与数据库的交互
var xmlHttpReq; function createXMLHttpRequest(){ if(window.ActiveXObject){ xmlHttpReq = new ActiveXObject("MSXML2.XMLHTTP.3.0"); }else{ xmlHttpReq = new XMLHttpRequest(); } } //检查用户名 function checkName(){ var username=form.username.value; var reg=/^[a-zA-Z][a-zA-Z0-9_]{4,15}$/; if(username=="") { document.getElementById("alertName").innerHTML="<font color=red>用户名不为空</font>"; return false; } else if(!reg.test(username)) { document.getElementById("alertName").innerHTML="<font color=red>用户名格式不正确</font>"; return false; } else { createXMLHttpRequest(); var url="ajax/check?username="+username; xmlHttpReq.open("GET",url,true); xmlHttpReq.onreadystatechange = showResult; xmlHttpReq.send(null); return true; } } function showResult(){ if(xmlHttpReq.readyState == 4){ if(xmlHttpReq.status == 200){ var result = xmlHttpReq.responseText; var result1= result.replace(/^\s*|\s*$/g,""); if(result1=="true") { document.getElementById("alertName").innerHTML="<font color=red>* 对不起该用户名已经被使用请重新填写</font>"; return false; } else if(result1=="false") { document.getElementById("alertName").innerHTML="<font color=red>恭喜你改用户名可以使用</font>"; return true; } } } }
主要的js代码 当然 如果你会用jquery的话 那么只需要大概8行就行
HTML code
<input name="username" type="text" size="40" onblur="checkName()" onclick="recoverName()"/>
主要的检查操作是在var url="ajax/check?username="+username; 里面运行的 这个里面有与数据库的交互
作者: genguyige 发布时间: 2010-12-05
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28