原生ajax的5个请求步骤
**
get请求的步骤
**
1.初始化建立一个XMLhttprequsest的实例对象
var xml = new XMLHttpRequest()
2.建立连接
xml.open('get','http://.....?name=luoxindong&age=12,true)
3.发送请求
xml.send()
4.设置监听函数
xml.onreadystatechange = function(){
if(xml.readyState===4 && xml.status == 200){
let dataType= xml.setResponseHeader('Content-Type')
if(dataType.indexOf('json')! == -1){
console.log(responseText)
}
}
post的请求的步骤
1.实例化对象
var xhr = new XMLHttpRequest()
2.建立连接
xhr.open('post' , 'http://''请求地址',true)
3.设置请求头
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
4.发送数据
xhr.send(name=luoxindong&age=12¢er='man')
5.设置监听处理函数
xhr.onreadystatechange=function(){
if(readyState===4 && xhr.status ===200){
let text = xhr.getResponseHeader('Content-Type')
if(text.indexOf('json') === -1){
let result = JSON.parse(text)
}
}
}