AJAX

ajax

//1.创建XMLHttpRequest()
var xhr =  new XMLHttpRequest()
//2.建立连接
xhr.open('get', 'url', true)
//3.发送请求
xhr.send()
//4.处理响应结果
xhttp.onreadystatechange = function () {

    if(xhttp.status == 200 && xhttp.readyState == 4) {
        let json = JSON.parse(xhttp.responseText)
        console.log(json)
        //处理结果，页面渲染
    }
}

open参数

xhr.open(method, url, async)

• method(String): 发送请求的方式： GET、POST
• URL(string): 请求服务器的地址
• async(boolean):是否异步：true:是异步请求，false:同步请求

readyState 状态值

0: 请求未初始化
1: 服务器连接已建立
2: 请求已接收
3: 请求处理中
4: 请求已完成，且响应已就绪

http状态码

100~500

• 200: 请求成功
• 400：请求参数错误
• 404：请求地址错误
• 405：请求类型错误（POST\GET\PUT\DELETE）
• 500：服务器错误