js/javascript实现ajax小结

1.创建XMLHttpRequest对象；

XMLHttpRequest是Javascript的一个新对象；

2.调用open()方法打开与服务器的连接；

open(method,url,async);

method:请求方式，通常为GET/POST；

url:请求服务器地址，若为GET请求，还可以在url后追加参数

async:默认是异步请求为true；

3.调用send()方法发送请求；

send()的参数为POST请求的参数，即对应的HTTP协议的请求体内容。若没有，需给出null参数，若不给出null参数，可能会导致FireFox浏览器不能正常发送请求。

4.接收服务器响应

当请求发出去后，服务端就开始执行了，但服务器端的响应还没有接收到。接下来接收服务器的响应。

readyState:存有服务器响应的状态信息。

responseText:获得字符串形式的响应数据。

xmlHttp.onreadystatechange = function() {

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

    alert(xmlHttp.responseText); 

} };

if发送POST请求

<1>需要设置请求头：xmlHttp.setRequestHeader(“Content-Type”, “application/x-www-form-urlencoded”)；注意 :form表单会默认这个键值对不设定，Web服务器会忽略请求体的内容。

<2>在发送时可以指定请求体：send("username=yuan&password=123");

代码示例：

注意：上面创建ajax对象是非IE的方法，IE的方法参考链接https://www.cnblogs.com/joshua317/articles/3517408.html