四步学会 Ajax

204 阅读 0 评论 135 点赞

我是靠谱客的博主过时鸡翅，最近开发中收集的这篇文章主要介绍四步学会 Ajax，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

复制代码代码如下:

//第一步 ： 创建XMLHttpRequest对象 
var http_request; 
try 
{ 
    http_request = window.ActiveXObject("Microsoft.XMLHTTP"); 
}catch(e) 
{ 
    try 
    { 
        http_request = new XMLHttpRequest(); 
    }catch(e) 
    { 
        alert("你的浏览器不支持XMLHttpRequest"); 
    } 
} 
//第二步 ： 指定提交的 url 
http_request.open("get", "url", "true"); //get 为提交方式， true 为指定异步于服务器交互 
//第三步 ： 处理服务器返回数据 
http_request.onreadystatechange = function() //回调函数，总共会调用 4 次，readtState 依次变化为 : 0 -> 1 -> 2 -> 3 -> 4(completed); 
{ 
    if(http_request.readyState ==4) //服务器处理完成 
    { 
        if(http_request.status == 200) //客户端处理完成 
        { 
            //处理段 
        } 
    } 
} 
//第四步 ： 发送参数 
http_request.send(null); //发送参数