我使用自己的自定义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(在上面提到的浏览器中),我才有这个问题.有任何想法吗?
提前致谢!
杰西