RequestAndHandle

原创于 2010-08-18 00:43:00 发布 · 559 阅读

CC 4.0 BY-SA版权

文章标签：

#callback #xmlhttprequest #function #url #safari #ajax

本文介绍了一个实用的Ajax函数RequestAndHandle，该函数能够发送GET或POST请求，并通过回调函数处理服务器返回的数据。文章详细解释了如何根据不同浏览器创建XMLHttpRequest对象的方法，以及如何设置请求参数、发送请求和接收响应。

//RequestAndHandle(url, callback, querystring, method)
function RequestAndHandle()
{
    var xmlHttp;
    //url, callback, querystring, method
    //parameters process
    var len = arguments.length;
    var url = "";
    var callback = null;
    var querystring = null;
    var method = "POST";
    if(len < 2)
    {
        alert("bad url or bad callback function!");
        return false;
    }
    url = arguments[0];
    callback = arguments[1];
    if(len > 2) querystring = arguments[2];
    if(len > 3) method = arguments[3];

    try
    {
        // Firefox, Opera 8.0+, Safari
        xmlHttp=new XMLHttpRequest();
    }
    catch (e)
    {
        // Internet Explorer
        try
        {
            xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch (e)
        {
            try
            {
                xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch (e)
            {
                alert("您的浏览器不支持AJAX！");
                return false;
            }
        }
    }

    xmlHttp.onreadystatechange=function()
    {
        if(xmlHttp.readyState==4)
        {
            //document.myForm.time.value=xmlHttp.responseText;
            callback(xmlHttp.responseText);
        }
    }

    if(method.toUpperCase() == "POST")
    {
        xmlHttp.open("POST", url, true);
        xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
        xmlHttp.send(querystring);
    }
    else if(method.toUpperCase() == "GET")
    {
        xmlHttp.open("GET", url + "?" + querystring, true);
        xmlHttp.send(null);
    }
    else
    {
        alert("error method transmit to ajax!");
    }
}