AJAX与跨站请求

AJAX

简单介绍

全程：Asynchronous JavaScript and XML，意思就是用JavaScript执行异步网络请求。

Web的运作原理：一次HTTP请求对应一个页面。

如果要让用户留在当前页面中，同时发出新的HTTP请求，就必须用JavaScript发送这个新请求，接收到数据后，再用JavaScript更新页面，这样一来，用户就感觉自己仍然停留在当前页面，但是数据却可以不断地更新。用JavaScript写一个完整的AJAX代码并不复杂，但是需要注意：AJAX请求是异步执行的，也就是说，要通过回调函数获得响应。

具体来说，AJAX 包括以下几个步骤。

1. 创建 XMLHttpRequest 实例
2. 发出 HTTP 请求
3. 接收服务器传回的数据
4. 更新网页数据

栗子

var xhr = new XMLHttpRequest();  //XMLHttpRequest对象是 AJAX 的主要接口

xhr.onreadystatechange = function(){
      //onreadystatechange 回调函数
  // 通信成功时，状态值为4
  if (xhr.readyState === 4){
   
    if (xhr.status === 200)