Ajax验证用户名是否存在
2015-07-14 11:48
169 查看
// 首先创建一个xmlHttpReq对象,非IE浏览器使用new XMLHttpRequest() var xmlHttpReq; function createXMLHttpRequest(){ if(window.ActiveXObject){ xmlHttpReq = new ActiveXObject("MSXML2.XMLHTTP.3.0"); }else{ xmlHttpReq = new XMLHttpRequest(); } } //这是表单验证触发函数 function check(){ createXMLHttpRequest(); var usermail =document.getElementById("usermail").value; //将邮箱提交给一个Servlet var url="CheckUser?usermail="+usermail; //采用Get的请求方式 xmlHttpReq.open("GET",url,true); xmlHttpReq.onreadystatechange = showResult; //onreadystatechange的值改变时触发的showResult函数 xmlHttpReq.send(); } //返回响应信息,并显示在一个DIV中 function showResult(){ if(xmlHttpReq.readyState == 4){ if(xmlHttpReq.status == 200){ //将响应信息作为字符串返回 var result = xmlHttpReq.responseText; var checkResult = document.getElementById ("checkResult").innerHTML="<b>"+result+"</b>"; } } } //页面 邮箱: <input type="text" id="usermail" onblur="check()"> <span id="checkResult" style="float:left"></span> //servlet中只要用response对象打印相应信息即可
相关文章推荐
- 快试试在google 搜索 “SB” 你有惊喜发现 百度同样
- Css 中添加class 引起的恼人问题 必看必看
- 完成端口(CompletionPort)之客户端篇
- DATALIST正反向排序,带▲和▼提示的【转二】
- cmd&Linux 下使用mysql全记录
- 我的第一堂Java课 07/14 上午
- 我的第一堂Java课 07/14 上午
- IIS7.5上的REST服务的Put操作发生HTTP Error 405.0 - Method Not Allowed 解决方法
- W7 32 IIS 数据库连接出错,请检查连接字串
- 出现( linker command failed with exit code 1)错误总结
- 持续集成自动化(一)_Jenkins安装
- 难道我们可以不用Google? 你OUT了
- 最简洁实用的tab切换,tab选项卡
- 写代码时各种注释 引起的致命问题
- ecshop二次开发 结构分析和代码研究 呵呵
- js和jquery控制标签class,css
- 用jquery操作属性和类名
- 互联网产品设计进阶笔记(6)理解交互设计
- python笔记01
- 抽奖算法分析