- 创建
XMLHttpRequest
对象,也就是创建一个异步调用对象 - 创建一个新的
HTTP
请求,并指定该HTTP
请求方法,URL
及验证信息 - 设置响应
HTTP
请求状态变化的函数. - 发送
HTTP
请求. - 获取异步调用返回的数据.
- 使用JavaScript和DOM实现局部刷新.
var myNewAjax = function (URL) {
return new Promise (function (resolve, reject){
// 创建对象
var xhr = new XMLHttpRequest()
// 创建请求
xhr.open('GET', URL)
// 发送请求
xhr.send(data)
// 响应请求
xhr.onreadystatechange = function () {
if (xhr.status == 200 && readyState == 4) {
var json = JSON.parse(xhr.responseText)
resolve(json)
} else if (xhr.readyState == 4 && xhr.status !=200) {
reject('error')
}
}
})
}