ajax小结

获取xmlHttpRequest对象

function createAjax() {
    return new window.XMLHttpRequest || new window.ActiveXObject('Microsoft.XMLHTTP');//兼容ie和其他浏览器
}

//获得ajax对象

var xmlHttp = createAjax();

//初始化ajax对象 调用open方法

xmlHttp.open('post', 'example.php');

//为post请求方式设置header

xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

//为ajax状态的改变挂载 事件处理函数

xmlHttp.onreadystatechange = function() {

　　if (this.readySate == 4 && this.status == 200) {//readySate表示ajax已成功接收数据  status表示服务器返回200 ok的响应码

　　　　//this.responseText 读取ajax接收到的数据， this.responseXML 以xml数据 读取ajax的数据，成功返回xml dom操作对象

　　　　//do sothing

　　}

｝

 

//发送请求数据

xmlHttp.send('id=' + '1');

//后记

由于ajax是异步进行的，所以ajax  的onreadystatechange回调函数会和ajax下面的程序独立进行，也就是说ajax程序的执行和它下面的程序同时执行，那么在ajax内改变的变量一定要等到ajax运行完毕，才能在ajax外部看见改变， 不过最好的方式就是不要这么做。

//在jquery中， 提供了丰富的ajax函数供我们使用

$.ajax({options})//jquery中原始的ajax函数
$.get(url, requestdata, callback, expectreturndata)//通过get方式获取数据

$.post(url, requestdata, callback, expectreturndata)//通过post方式获取数据

url:请求url

requestdata： 请求数据

callback： 回调函数，　接收一个参数，为服务器返回的数据，

　　callback函数非常有用，可以在这里面对服务器返回的数据进行处理，并将其显示到页面中。

expectreturndata： 期望服务器返回的数据类型， text，html， json， xml