ajax基础语法,Ajax基础

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形式)来获取服务器响应的内容 。

希望路过的大佬不要嫌弃，若有不对之处还希望指正为谢！@~@