详细AJAX写法

1、

$.ajax({

    url:"http://www.microsoft.com",    //请求的url地址     dataType:"json",   //返回格式为json     async:true,//请求是否异步，默认为异步，这也是ajax重要特性     data:{"id":"value"},    //参数值     type:"GET",   //请求方式     beforeSend:function(){         //请求前的处理     },     success:function(req){         //请求成功时处理     },     complete:function(){         //请求完成的处理     },     error:function(){         //请求出错处理     }

});

2、

$.post( // 接收数据的PHP页面 url : 'action.php', // 传给PHP的数据，多个参数用&连接或者使用json格式数据：{a:'value1',b:'value2'} data : "a=value1&b=value2", function(msg){ // 这里是请求发送成功后的回调函数。 // msg是返回的数据，数据类型在type参数里定义！ }, // 默认返回字符串，设置值等于json则返回json数据 type:'json', )

3、

var xmlhttp; if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); }

xmlhttp.open("POST","ajax_test.asp",true); xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"); xmlhttp.send("fname=Bill&lname=Gates");

下面是 XMLHttpRequest 对象的三个重要的属性：

属性 描述 onreadystatechange 存储函数（或函数名），每当 readyState 属性改变时，就会调用该函数。 readyState

存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。

0: 请求未初始化1: 服务器连接已建立2: 请求已接收3: 请求处理中4: 请求已完成，且响应已就绪 status

200: "OK"

404: 未找到页面

在 onreadystatechange 事件中，我们规定当服务器响应已做好被处理的准备时所执行的任务。

当 readyState 等于 4 且状态为 200 时，表示响应已就绪

属性 描述 responseText 获得字符串形式的响应数据。

responseText 属性

如果来自服务器的响应并非 XML，请使用 responseText 属性。

responseText 属性返回字符串形式的响应，因此您可以这样使用：

document.getElementById("myDiv").innerHTML=xmlhttp.responseText;