我使用自己的自定义AJAX库(我对使用jQuery等不感兴趣),该库在以下浏览器中可以正常工作:
Firefox 7
铬14
IE 8
IE 8(兼容模式)
在上述浏览器中使用我的自定义AJAX库,我可以使用GET和/或POST方法以任意顺序发出任意数量的AJAX请求,并且它们都可以正常工作。由于为每个请求都创建了一个新的AJAX对象(请参见下面的代码),因此我什至可以成功地同时完成多个AJAX请求过程。
但是,在Safari 5中,如果绝对是要执行的第一个AJAX请求,则AJAX POST请求仅将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) == "")
{
startPos = i + 6;
break;
}
}
for (var i = startPos; i < responseText.length; i++)
{
if (responseText.substring(i, i + 7) == "")
{
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", aURI, true);
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp.send(parameters);
}
}
因此,例如,以下两个AJAX
POST请求中的任何一个如果绝对是第一个AJAX请求(无论是GET还是POST),都将传递POST数据。否则,将不传递POST数据:
ajaxRequest("test.aspx", "", [["name1","value1"],["name2","value2"]], "eval");
要么
ajaxRequest("test.aspx", "", "name1=value1&name2=value2", "eval");
我在整个AJAX库中都添加了调试语句,并且在每个POST请求之前都按预期在“
parameters”变量中创建了POST参数。我完全不知道为什么,仅在Safari 5(提到的浏览器中)中才出现此问题。有任何想法吗?
提前致谢!杰西