Ajax、JSON及跨域问题

一、Ajax

1. XMLHttpRequest

• XMLHTTPRequest是一个构造函数，是Ajax实现浏览器与服务器异步通信的关键

2. Ajax 的使用步骤

    1. 创建 xhr 对象

const xhr = new XMLHttpRequest()

     2.  准备发送请求

xhr.open('HTTP方法','URL地址','是否异步')

     3.  发送请求 send()

• send() 的参数是通过请求体携带数据，故如果是get请求，send()则不可以携带参数

xhr.send()

     4.  监听事件，处理响应

• 当获取到响应后，会触发 xhr 对象的readystatechange 事件，可以在该事件中对响应进行处理
• readystatechange 事件监听 readyState 的状态变化，一共有 0~4 ，5个状态，每个状态的变化都会触发readystatechange事件

0：未初始化，尚未调用 open()

1：启动，已经调用了open，但尚未调用send

2：发送，已经调用