通过创建XMLHttpRequest()实例对象,实现后台与服务器的数据交互新浏览器XMLHttpRequest()IE5,IE6ActiveXObject 所以要做兼容处理js function createXHR () { if (window.XMLHttpRequest) { xhr = new XMLHttpRequest() } else { xhr = new ActiveXObject("Microsoft.XMLHTTP") } } 通过open()和send()方法去发送数据,这个方法有是三个参数,第一个参数为请求方式,第二个参数为请求文件,第三个是是否异步操作js xhr.open("GET", "test.php", true) // 如果是get方式,则send可以为null,因为get方式的参数是通过字符串拼接传递给后台的 xhr.send(null) // 如果是post方式,则send()里面需要传入参数 xhr.send(data)如果要添加请求头,则可以在send()方法之前设置请求头格式js xhr.setRequestHeader(头名称,头的值) // 例如: xhr.setRequestHeader("content-type", "application/x-www-form-urlencoded");如果执行的是异步操作,则需要在服务器响应就绪后执行,如果是同步操作则不需要,直接可以赋值js xhr.onreadystatechange = function () { if (xhr.readyState == 4 && xhr.status == 200) {} }
// readyState有五个状态 0: 请求未初始化 1: 建立服务器连接 2: 请求已接收 3: 请求处理中 4: 请求已完成
// status有两个状态 200: 请求成功 404: 页面没找到请求数据返回的一般有两个格式,responseText && responseXML 数据请求完成后结束请求js xhr.end() ```
转载于:https://www.cnblogs.com/zjh-study/p/10724557.html