Ajax验证用户名是否存在

// 首先创建一个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对象打印相应信息即可

相关文章

JS原生Ajax操作(XMLHttpRequest) GET请求 POST请求 兼容性问题 利用iframe模拟ajax 实现表单提交的返回...
AJAX 每日更新前端基础,如果觉得不错,点个star吧 &#128515; https://github.com/WindrunnerMax/E...
踩坑Axios提交form表单几种格式 前后端分离的开发前后端, 前端使用的vue,后端的安全模块使用的SpringSe...
很早就听闻ajax的名声,但是却一直不知道怎么用,今天自己捣鼓了一下,竟然会用了,哈哈哈哈。 为了防止...
需要在服务器上进行哈 jquery的ajax方法: // jquery请求 $.ajax({ url: &quot;./server/slider.js...
Ajax函数封装ajax.js // Get / Post // 参数 get post // 是否异步 // 如何处理响应数据 // URL // var...