Ajax(Asynchronous JavaScript And XML 即异步的JavaScript和XML)是一种客户端技术,随着WEB2.0的普及而受到追捧。在传统的web应用中每一个操作都要返回Web服务器的HTTP请求,服务器进行相应的处理后,返回一个HTML页面给客户端进行渲染。而在Ajax应用开发模式中通过JavaScript实现在不刷新整个页面的情况下,和服务器进行交换数据并更新页面中的部分内容,给用户带来更好的体验。
图片来于长卿博客
一、XMLHttpRequest对象的创建
现在的浏览器(IE7+及以上版本、Firefox、Chrome、Safari 以及 Opera)均是内建XMLHttpRequest 对象但是IE老版本则使用ActiveXObjec对象。
二、请求方法和请求地址的设置并发送
用XMLHttprequest对象的open()方法设置请求方法和请求地址
用send()方法来向服务器发送请求
语法如下:
Open(method,url,async) method:请求类型
url:文件在服务器的位置
Async:同步或者是异步
Send(string) string:仅当请求类型为POST时方可有
注:用POST请求时send()方法要要有请求的数据 GET请求则没有
注: 所有相关的事件绑定必须在调用send()方法之前进行
三、监听状态变化并接收服务器的响应
onreadystatechange:当readyState状态码发生改变时所触发的回调函数。
readyState属性存有的 XMLHttpRequest 的状态信息。
readyState值:
0:请求未初始化,new成功获得对象,但是没有调用open方法
1:服务器建立连接 ,调用open方法,没有调用send方法
2:调用了send方法发送请求
3:请求正在处理,客服端已经接受了部分返回数据
4:请求完成,接受了所有数据。
使用XMLHttpRequest对象的responseText(响应数据为字符串形式)或者responseXML(响应数据为字XML形式)来获取服务器响应的内容 。
希望路过的大佬不要嫌弃,若有不对之处还希望指正为谢!@~@