AJAX POST请求仅在Safari 5中有效

前端之家收集整理的这篇文章主要介绍了AJAX POST请求仅在Safari 5中有效前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用自己的自定义AJAX库(我对使用jQuery不感兴趣等),它在以下浏览器中完美运行:

> Firefox 7
> Chrome 14
> IE 8
> IE 8(兼容模式)

在前面提到的浏览器中使用我的自定义AJAX库,我可以使用GET和/或POST方法以任何顺序制作任意数量的AJAX请求,并且它们都可以完美地工作.由于为每个请求创建了一个新的AJAX对象(参见下面的代码),我甚至可以同时拥有多个AJAX请求进程并成功.

但是,在Safari 5中,如果AJAX POST请求是要执行的绝对第一个AJAX请求,则它只将POST数据传递给服务器.即使我连续两次执行完全相同的AJAX POST请求,POST数据也只在第一次请求期间传递给服务器.这是我的自定义AJAX库中的JavaScript:

if (!Array.indexOf)
{
    Array.prototype.indexOf = function(obj) { for (var i = 0; i < this.length; i++) { if (this[i] == obj) { return i; } } return -1; };
}

function ajaxObject()
{
    if (window.ActiveXObject)
    {
        var activexmodes = ["Msxml2.XMLHTTP","Microsoft.XMLHTTP"];
        for (var i = 0; i < activexmodes.length; i++)
        {
            try
            {
                return new ActiveXObject(activexmodes[i]);
            }
            catch (e)
            {

            }
        }
    }
    else if (window.XMLHttpRequest)
    {
        return new XMLHttpRequest();
    }
    else
    {
        return false;
    }
}

function ajaxRequest(aURI,aContainerId,aPostData,aResponseType,aAvoidBrowserCache)
{
    // Initialize
    var xmlhttp = new ajaxObject();
    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200)
        {
            if (aResponseType != "eval" && aResponseType != "EVAL")
            {
                // Show HTML for response
                document.getElementById(aContainerId).innerHTML = xmlhttp.responseText;
            }
            else
            {
                // Parse & execute JavaScript for response
                var responseText = xmlhttp.responseText;
                var startPos,endPos;
                for (var i = 0; i < responseText.length; i++)
                {
                    if (responseText.substring(i,i + 6) == "<eval>")
                    {
                        startPos = i + 6;
                        break;
                    }
                }
                for (var i = startPos; i < responseText.length; i++)
                {
                    if (responseText.substring(i,i + 7) == "</eval>")
                    {
                        endPos = i;
                        break;
                    }
                }
                textToEval = responseText.substring(startPos,endPos);
                eval(textToEval);
            }
        }
        else
        {
            try
            {
                if (xmlhttp.status != 0 && xmlhttp.status != 200)
                {
                    alert('Error ' + xmlhttp.status);
                }
            }
            catch (e)
            {
                // Handle IE8 debug "unknown error"
            }
        }
    }
    if (aAvoidBrowserCache != false)
    {
        // Combat browser caching:
        aURI = aURI + (aURI.indexOf("?") == -1 ? "?" : "&");
        theTime = new Date().getTime();
        aURI = aURI + theTime + "=" + theTime;
    }
    // Make request
    if (typeof aPostData == "undefined" || aPostData == null || aPostData == "")
    {
        // GET request
        xmlhttp.open("GET",aURI,true);
        xmlhttp.send();
    }
    else
    {
        // POST request
        var parameters = "";
        if (aPostData.constructor.toString().indexOf("Array") != -1)
        {
            // Use parameters passed as array
            for (var postCount = 0; postCount < aPostData.length; postCount++)
            {
                if (parameters != "")
                {
                    parameters = parameters + "&";
                }
                parameters = parameters + aPostData[postCount][0] + "=" + encodeURIComponent(aPostData[postCount][1]);
            }
        }
        else
        {
            // Use parameters passed as string
            parameters = aPostData;
        }
        xmlhttp.open("POST",true);
        xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
        xmlhttp.send(parameters);
    }
}

因此,例如,以下任一AJAX POST请求都将传递POST数据,如果它们是绝对的第一个AJAX请求(无论是GET还是POST);否则,POST数据不会传递:

ajaxRequest("test.aspx","",[["name1","value1"],["name2","value2"]],"eval");

要么

ajaxRequest("test.aspx","name1=value1&name2=value2","eval");

我在整个AJAX库中添加了调试语句,并且在每个POST请求之前按照预期在“parameters”变量中创建了POST参数.我完全不知道为什么,只有Safari 5(在上面提到的浏览器中),我才有这个问题.有任何想法吗?

提前致谢!
杰西

呼叫失败的原因是因为在IIS下使用Windows身份验证时Safari中存在错误.转到您网站的身份验证设置.右键单击Windows身份验证,选择提供程序并删除Negotiate,使NTLM正常工作.我还没有测试过Kerberos.

此问题仅出现在Safari的某些版本中.

猜你在找的Ajax相关文章