Ajax简单介绍

1.什么是Ajax?

Ajax是与服务器交换数据并更新部分网页的技术，在不重新加载整个网页的情况下。

2.如何使用Ajax?

• 1.创建一个异步对象；
  • //  var xmlhttp=new XMLHttpRequest();
• 2.设置请求方式和请求地址；
  • //  xmlhttp.open("GET/POST","请求地址(ajax-info.txt)"，true(默认为异步));
• 3.发送请求；
  • //  xmlhttp.send();
• 4.监听状态的变化；

         xmlhttp.onreadystatechange =function(ev2){

         if(xmlhttp.readyState===4){

            if(xmlhttp.status>=200&&xmlhttp.status<300||xmlhttp.status===304)

              {

                //   5. 处理返回的结果；

                 console.log("接收到服务器返回的数据");

                 }else{

                 console.log("没有接收到服务器返回的数据");

                 }

              }

      }

• //  当发送一个请求后，客户端需要确定这个请求什么时候会完成，因此，XMLHttpRequest对象提供了 onreadystatechange 事件机制来捕获请求的状态，继而实现响应。
• 注意： onreadystatechange 事件被触发 5 次（0 - 4），对应着 readyState 的每个变化。

• 提示：XHR.readyState状态的变化如下：

  • 0：请求未初始化，还没有调用 open()。 

  • 1：请求已经建立，但是还没有发送，还没有调用 send()。  

  • 2：请求已发送，正在处理中（通常现在可以从响应中获取内容头）。  

  • 3：请求在处理中；通常响应中已有部分数据可用了，没有全部完成。  

  • 4：响应已完成；您可以获取并使用服务器的响应了。