Ajax

来源：互联网发布：普罗米修斯白板的软件编辑：程序博客网时间：2024/05/21 08:29

在这简洁的复习一下，最原始的异步请求处理

一、前端

1、

   var xmlhttp;
       if (window.XMLHttpRequest){
           xmlhttp=new XMLHttpRequest();
       }else{
           xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
       }

2、

      xmlhttp.onreadystatechange=function(){
           if (xmlhttp.readyState==4 && xmlhttp.status==200){
               var flag = xmlhttp.responseText;

               if("ok"==flag&&tel!=""){
                   document.getElementById("info").innerHTML="可以使用";
               }else{
                   document.getElementById("info").innerHTML="号码已存在";
                   document.getElementById("tel").value="";
               }
           }
       }

3、

       var tel=document.getElementById("tel").value;
       if(tel == ""){
                   alert("请输入号码");
                   tel.focus();
                   return false;
                   }
       var url = "AjaxServlet?tel="+tel;
       xmlhttp.open("POST",url,true);
       xmlhttp.send();

二、后端

PrintWriter out = response.getWriter();

out.write("ok");

0 0