我正在尝试在 IE8 中创建 AJAX 请求。

var xhr = new ActiveXObject( 'Msxml2.XMLHTTP' ); 
xhr.open( 'GET', '/ajax/' ); 
// Required header for Django to detect AJAX request 
xhr.setRequestHeader( 'X-Requested-With', 'XMLHttpRequest' ); 
xhr.onreadystatechange = function() { 
   if ( this.readyState == 4 ) console.log(this.responseText);  
} 
xhr.send( null ); 

这在 Firefox、Chrome、Safari 中工作得很好。然而,在 IE8 中,我的所有 AJAX 测试请求都有效,除了那些我在没有任何查询字符串参数的情况下执行 GET 的请求(例如上面的请求)。 POST 毫无疑问地工作,而 GET 请求仅在我在 URL 中包含查询字符串时才有效,如下所示:

xhr.open( 'GET', '/ajax/?foo=bar' ) 

我也 110% 肯定我的服务器代码正在适本地处理这些请求,所以,这完全让我难住了。

有没有人知道可能导致这种情况的原因?

请您参考如下方法:

标准指定 GET 请求具有 (a) 个查询参数。我的猜测是 MSIE8 在这种情况下表现得很好,而其他浏览器正在“让它滑动”。

如果您打算加载一个页面,您可以向一个文件发送一个GET 请求,然后该文件包含/读取/任何内容文件并将其发回。在这种情况下,您将拥有一个中间文件,其中包含作为参数发送的任何页面(例如,?foo=bar。)

无论如何,我会使用 jQuery 来选择正确的 HTTP 对象,否则为了完全兼容,您将不得不执行类似这样的操作:

var XMLHttpArray = [                         
    function() {return new XMLHttpRequest();}, 
    function() {return new ActiveXObject("Msxml2.XMLHTTP");}, 
    function() {return new ActiveXObject("Msxml2.XMLHTTP");}, 
    function() {return new ActiveXObject("Microsoft.XMLHTTP");}      
]; 
 
function XMLHTTPObject(){    
    var xmlhttp = false; 
    for(var i=0; i<XMLHttpArray.length; i++){ 
            try{ 
                    xmlhttp = XMLHttpArray[i](); 
            }catch(e){ 
                    continue; 
            } 
            break; 
    } 
    return xmlhttp;      
}; 
 
var http = XMLHTTPObject(); 
http.open(...); 


评论关闭
IT干货网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!