ajax-第一个ajax程序_diyige ajax-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_35187942/article/details/85705449

什么是Ajax?

Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML）

Ajax 是一种用于创建快速动态网页的技术。

Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。

通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

传统的网页（不使用 Ajax）如果需要更新内容，必须重载整个网页页面

唯一作用：数据交互

手机号验证：用户的信息是存在数据库中的，用js无法访问数据库中的用户信息，只有通过后端的某种语言操作数据库。之间都是跳转或刷新页面，把数据传到后端验证，当然这种方式用户体验不是很好，用ajax不需要跳转刷新页面就可以完成验证。

ajax程序步骤：用ajax获取1.txt中的数据

index.html代码

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8" />
       <title></title>
       <script>
       window.onload = function(){
           var oBtn = document.getElementById("btn");
           oBtn.onclick = function(){
               var xhr = new XMLHttpRequest();
               xhr.open('GET','1.txt',true);
               xhr.send();

               xhr.onreadystatechange = function(){
                   if(xhr.readyState == 4){
                       alert(xhr.responseText);
                   }
               }
           }
       }
       </script>
   </head>
   <body>
       <input id="btn" type="button" value="按钮">
   </body>
</html>