Ajax原生代码

一、get请求

Get方式的参数是通过url来传递的
var xhr; if (XMLHttpRequest) { xhr = new XMLHttpRequest(); } else { xhr = new ActiveXObject("Microsoft.XMLHTTP"); } xhr.open(get,url, true); xhr.send(); xhr.onreadystatechange = function () { if (xhr.readyState == 4 && xhr.status == 200) { ... //Sucess } else{ ... //Defeat } }; }

二、post请求

post请求的参数是通过请求报文进行传递

var xhr; if (XMLHttpRequest) { xhr = new XMLHttpRequest(); } else { xhr = new ActiveXObject("Microsoft.XMLHTTP"); } xhr.open(post,url, true); xhr.send(data); //data自定义，一般是一些表单元素 xhr.onreadystatechange = function () { if (xhr.readyState == 4 && xhr.status == 200) { ... //Sucess } else{ ... //Defeat } }; }

值得注意的是，无论是get方式，还是post方式，send方法的第三个参数为true时，表示异步，为false时，表示同步

注释：onreadystatechange 是一个事件句柄。它的值 (state_Change) 是一个函数的名称，当 XMLHttpRequest 对象的状态发生改变时，会触发此函数。状态从 0 (uninitialized) 到 4 (complete) 进行变化。仅在状态为 4 时，我们才执行代码。

为什么使用 Async=true ？

我们的实例在 open() 的第三个参数中使用了 "true"。

该参数规定请求是否异步处理。

True 表示脚本会在 send() 方法之后继续执行，而不等待来自服务器的响应。

onreadystatechange 事件使代码复杂化了。但是这是在没有得到服务器响应的情况下，防止代码停止的最安全的方法。