我使用自己的自定义AJAX库(我对使用jQuery不感兴趣等),它在以下浏览器中完美运行:
原文链接:https://www.f2er.com/ajax/160195.html> 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(在上面提到的浏览器中),我才有这个问题.有任何想法吗?
提前致谢!
杰西