Ajax
2018-10-22 本文已影响186人
__y
1.什么是Ajax
AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。AJAX 不是新的编程语言,而是一种使用现有标准的新方法。AJAX 最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容。AJAX 不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。
2.同步,异步概念
同步:
不如我们写了一个表单,我们如果填错了就要全部提交到服务端的时候进行判断后再返回结果,这样要重新载入整个页面。
image.png
异步:
如果是用异步的话,如果我们就可以实现局部的刷新了,不用整个页面等待服务器的响应。
image.png
3.XMLHttpRequest对象
我们使用异步加载的时候依赖的是XHR这个对象
创建:
var request;
if(windows.XMLHttpRequest) {
request = new XMLHttpRequest();//IE7+ 主流浏览器
}else {
request = new ActiveXObject("Microsoft.XMLHTTP")//IE6,IE5
}
发送请求:
- open(method,url,async)
method:请求方式
url:请求地址
async:请求同步还是异步,默认是true - send(string)
把请求发送到服务器中;
服务器响应: - responseText:获得字符串形式的响应数据
- responseXML:获得XML形式的数据
- status和statusText:以数字和文本的形式返回Http状态码
- getAllResponseHeader():获得所有的响应头
- getResponseHeader():查询响应中的某个字段的值
-
readyState属性:
image.png