Ajax

1、创建Ajax对象 var xhr = new XMLHttpRequest()

2、配置本次请求信息 xhr.open(请求方式如GET,  请求地址,  是否异步默认true)

3、注册请求完成事件 xhr.onload = function(){}

4、把请求发送出去 xhr.send()

注：GET和POST

　　区别——

　　GET偏向于获取的语义化  POST偏向于提交的语义化

　　GET参数是查询字符串  POST参数格式多样，需要特殊说明 

　　GET大小有限制2KB左右  POST理论上没有限制

　　GET参数位置在地址后面(地址后写问号+参数)  POST参数位置在请求体内(send后小括号书写的)

POST，注意要有特殊说明——

xhr.setRequestHeader('content-type', '传递参数的格式')

<script>
　　var xhr = new XMLHttpRequest()
　　xhr.open('POST','http://www.itcbc.com:3006/api/addbook',true)
　　xhr.onload = function(){
　　　　var res = JSON.parse(xhr.responseText)
　　　　console.log(res)
　　}
　　//注意要特殊说明 xhr.setRequestHeader('content-type', '传递参数的格式')
　　xhr.setRequestHeader('content-type', 'application/x-www-form-urlencoded')
　　xhr.send('id=2&bookname=红楼梦')
</script>