Ajax异步交互的五步

最新推荐文章于 2024-09-27 16:14:02 发布

wangjun88019014

最新推荐文章于 2024-09-27 16:14:02 发布

阅读量289

点赞数

文章标签： ajax xmlhttprequest callback function 服务器 null

本文链接：https://blog.csdn.net/wangjun88019014/article/details/4585929

版权

1、创建XMLHttpRequest对象

if (window.XMLHttpRequest)
{
    req = new XMLHttpRequest();
    if (req.overrideMimeType)
    {
        req.overrideMimeType(“text/html”);
    }
}
else if (window.ActiveXObject)
{
    var activeNames = [“Microsoft.XMLHTTP”, "MSXML2.XMLHTTP”];
    for (var i = 0; i < activeNames.length; i++)
    {
        try
        {
            req = new ActiveXObject(activeNames[i]);
            break;
        }
        catch(e)
        {
            alert(e);
        }
    }
}

2、注册回调方法

req.onreadystatechange = callback;

3、以Get/Post方式与服务器进行交互

GET:    req.open(“GET”, "CheckServlet?name=" + name, true);

POST:   req.setRequestHeader(“Content-Type”, "application/x-www-form-urlencoded");
        req.open(“POST”, "CheckServlet", true);

4、发送数据(GET/POST)

GET: req.send(null);

POST: req.send(“name=” + name);

5、回调方法的编写

function callback()
{
    if (req.readyState == 4)
    {
        if(req.status == 200)
        {
             var result = req.responseText;
        }
    }
}