ajax基础

浅浅的花香味﹌ 2022-10-01 05:53 127阅读 0赞 
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>DOM</title>
  6. </head>
  7. <body>
  8.     <span>输入账号：</span>
  9.     <input id="name" onkeyup="check()" type="text">
  10.     <span id="checkResult"></span>
  12.     <script type="text/javascript">
  13.         var xmlhttp;
  14.         function check(){ 
  15.             var name = document.getElementById('name').value;
  16.             var url = "http://how2j.cn/study/checkName.jsp?name="+name;
  18.             xmlhttp = new XMLHttpRequest();//创建XHR对象
  19.             xmlhttp.onreadystatechange = checkResult;//设置响应函数
  20.             xmlhttp.open("GET",url,true);//设置访问的页面
  21.             xmlhttp.send(null);//send函数进行实际的访问，null表示没有参数
  22.         }
  24.         function checkResult(){ 
  25.             //readyState 4表示请求已完成，statue200比哦啊是响应成功
  26.             if(xmlhttp.readyState==4&&xmlhttp.status==200){ 
  27.                 document.getElementById("checkResult").innerHTML = xmlhttp.responseText;//获取服务端传回的文本
  28.             }
  29.         }
  30.     </script>
  31. </body>
  32. </html>

发表评论

表情：
评论列表 （有 0 条评论，127人围观）

还没有评论，来说两句吧...

相关阅读

    相关 Ajax基础

    AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。 通过在后台与服

    冷不防冷不防/ 0 赞/ 126 阅读