4.1 JavaScript-Ajax初步了解

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括号内