AJAX基础

重要技术--Javascript、XMLHttpRequest、Dom、XML

--------- 异步JavaScript和xml。创建交互式网页的网页技术。

通过客户端和服务器做数据的交换，AJAX可以实现异步的刷新（局部刷新）。意味着在不刷新整个页面的情况下，可以动态更新局部的内容。

传统网页如果要更新内容，就算是一小块，也必须刷新整个网页。

AJAX是独立于web服务器端的浏览器技术。

同步： 用户请求=》服务器处理=》响应。页面在这个期间不能做其他事，必须等当前请求响应完成后才能操作其他模块。

异步： 用户请求=》服务器处理（浏览器可以处理其他业务）=》响应。

xmlhttp---是微软提出的一个技术，开发中自带http、xml访问服务器。

通过这个对象获取到服务器响应的数据，通过JavaScript将数据显示出来

微软跟标准的DOM浏览器有差别。

ActiveXobject:微软提供，主要针对IE5/IE6，以后的版本都按照标准DOM进行

XMHLttpRequest:功能上和xmlhttp非常相似。XMHLttpRequest是xmlhttp的代理对象，在使用过程中方法和属性保持一致，但是有一些小的区别

//第一步：产生xmlhttp对象

var xmlhttp;

//判断兼容性问题

/*产生XMLHttpRequest对象，可以不刷新页面，局部更新内容

*/

if(windoow.XMLHttpRequest){

xmlhttp = new XMLHttpRequest();

}else{

xmlhttp = new ActiveXobject("Microsoft.XMLHTTP")

}

//第二步，发送请求

var url = "";

//建立连接,参数1-请求方法，参数2-url，参数3-同步（false）或异步（true）

xmlhttp.open(method, url, async);

//定义http传输头的信息xmlhttp.setRequestHeader(header, value)

xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;charset=utf-8")

xmlhttp.send();//发送请求，send中可以传参--xmlhttp.send("paramname=value");

//第三步：接收响应 --监控状态码,状态码一旦改变就调用一次方法

xmlhttp.onreadystatechange = function(){

//如果状态码为200，表示请求成功。

if(xmlhttp.status == 200 && xmlhttp.readyState == 4){

//响应成功执行代码

}

}

jQuery操作AJAX

$.ajax({

type: 请求方法 ,

url: ,

async:true(faslse), //异步？同步？

data:{"param1":p1,"param2":p2} // 请求参数

success:function(obj){ //obj为响应返回数据

//响应成功执行代码

}

})