Ajax请求数据
//1.创建一共ajax对象
var xhr = new XMLHttpRequest()
//2.配置本次的请求信息
//请求方式:get/post
//请求地址:url
//是否异步:默认是true表示异步请求,选填为false,表示同步请求
xhr.open('请求方式','请求地址',true)
//3.配置请求完成后触发的事件
xhr.onload = function(){
//拿到后端返回信息
xhr.responseText
//若后端返回的数据是json格式字符串时,我们需要进行单独解析
//语法:json.parse(xhr.responseText)
}
//4.发送请求
xhr.send()
请求方式GET/POST
GET
- 偏向获取的语义化
- 参数是查询字符串
- 大小有限制2KB左右
- 参数位置在请求地址后面
POST
- 偏向提交的语义化
- 参数格式多样,但是需要特殊说明
- 大小:理论上没限制
- 需要在发送请求之前填写传递参数格式
语法:xxx.setRequestHeader(‘content-type’,’ 参数格式 ') - 参数位置在发送请求send括号内