Ajax

(Asynchronous  JavaScript And Xml)

允许浏览器与服务器通信,同时不刷信息页面。浏览器内置。

Ajax是一种用于创建更好更快交互性更强的web应用程序的技术。基于javascript xml html css 。主要用到JavaScript

局部刷新页面。核心是XMLHttpRequest对象,发送请求到服务器并接收返回结果。

浏览器与服务器异步交互:浏览器通过Ajax引擎发出请求,Ajax引擎再向服务器发出请求,服务器响应给Ajax引擎,同时浏览器只专注自己的事情,等待Ajax引擎的回应。

浏览器与服务器同步交互:浏览器直接向服务器发出请求,如果服务器没处理完给出回应,浏览器就一直处于等待状态。

XmlHttpRequest对象的创建:

通常把它写在一个js文件里,需要用的时候引入文件。

Ajax_第1张图片
在script标签中,写在页面加载事件里

方法:

1.open(方法post|get,URL?name=value&,是否为异步true|false);默认值是true(异步)

建立与服务器的连接。

2.send(content);

发送请求。

请求方式是post时,把请求正文写上;是get时,写null。

3.setRequestHeader(header,value);

设置请求消息头。

属性:(都是只读的)

readyState:XMLHttpRequest的状态信息。

0没有完成初始化,刚刚创建。1调用来open,还没有调用send,请求还没发出。2send已经调用,请求已经提交到服务器,但是没有响应。3对象开始读取响应,还没有结束。4对象读取响应结束。

status:服务器端的响应码。

200正常。400找不到请求的资源。403无权访问。404资源不存在。500服务器内部错误。

responseText:接收响应信息。

事件

对象.onreadystatechange=function(){}

当readyState发生变化时,它被触发。(当XMLHttpRequest创建时,该事件已经被触发)


指定回调函数。

你可能感兴趣的:(Ajax)