全局刷新和局部刷新
XMLHttpRequest 异步对象,ajax不是一种语言,是利用现有的技术进行的操作
js:负责创建异步对象,发送请求,更新DOM对象。
xml:网络中的传输的数据格式
ajax中使用XMLHttpRequest对象
1.创建异步对象 var xmlHttp = new XMLHttpRequest();
2.给异步对象绑定事件
xmlHttp.onreadystatechange=function(){
if(xmlHttp.readyState == 4 && xmlHttp.status == 200){
//可以处理服务器端的数据,更新当前页面
var data = xmlHttp.responseText
document.getElementById("name").value = data }}
异步对象的属性readyState表示异步对象请求的状态变化
异步对象的属性status,表示网络请求的状况的,200表示成功
3.初始异步请求对象,异步的方法
xmlHttp.open(请求方法,“服务器端的访问地址”,同步或异步请求(true默认异步))“
4.使用异步对象发送请求
xmlHttp.send()
所有的创建过程写在方法体中
Get 与 Post的区别
Get Post
偏向获取的语义化 偏向提交的语义化
参数是查询字符串 参数格式多样,但是需要特殊说明
xhr.setRequestHeader('content-type','application/x-www-form-urlencoded')
大小有限制 2KB左右 理论上没有限制
参数位置写在地址后面 参数位置在请求体内send函数内