IE下使用jquery ajax失效的原因总结(转)

 

文章出自：http://www.php100.com/html/program/jquery/2013/0905/5895.html

 

本文章总结了IE下使用jquery ajax失效的原因和一些解决办法，有需要的朋友可参考一下本文章。

1，然后各种调试，最后发现：把ie把关了，再打开$.get()。会调用，再第二次调用的用的时候发现又不行了。于是我推断是ie缓存的问题，把ie缓存清除后，果然可以了。但是客户不可能知道清理缓存。所以只能自己想办法了

在网上发现各大朋友都给了个方法就是用jquery自带的方法：

 

$.ajaxSetup({cache: false });

 另外还有分析是，ie是根据请求的url是不是一样来是否发送请求，对于同一请求，ie只发送一次http请求，所以同一请求发送多次，但ie实际是不会发送的。

 

有了这个原因：那么就好办了，可以在url后面加个时间戳。

 

 $.get( 
    "imgsUpload", 
    {imgsPath:path,<SPAN style="COLOR: #333399">timeStamp: new Date().getTime()</SPAN>}, 
    function(data){ 
    } 
); 

 2,以下问题就是个人问题了，但是请求是能发送到后台了，并且也执行了，也返回了.但是不能执行ajax的回调方法。

 

但在其它浏览器是正的。分析返回来过来的data，发现乱七八糟的。那就是返回时的数据类型不对，我返回的json,但是我想都是以字符串形式返回的，所以我在服务器端有如下代码：

 

<SPAN style="COLOR: #333399">response.setContentType("text/plain;charset=UTF-8"); 
</SPAN> 

 ff,chrome是正常的，但是ie去只能把识别为text，不能解析成json，所有没有调用json方法

 

经过测试发现，可以不用设置消息头，当然要设置也是可以的，但是不是text/plain，而是：

response.setContentType("application/json;charset=UTF-8");

jquery ajax在IE下失效

 

有个页面需要用jquery的ajax获取数据，在chrome和ff下都能正确获取并显示数据，代码段如下：

 

  $.ajax({
    url: "/item/getComments",
    dataType: "json",
    data: {"iid": "123456", "nick": "xlight"},
    success: function (data) {
        $(".comments-total").html(data.total);
        $(".comments-body").html(data.list);
    }
});

 用IE自带的debug工具查看，显示数据已经成功获取(status:200并有数据返回)，那就奇怪了……

 

给ajax加上error回调：

 

$.ajax({
    url: "/item/getComments",
    dataType: "json",
    data: {"iid": "123456", "nick": "xlight"},
    success: function (data) {
        $(".comments-total").html(data.total);
        $(".comments-body").html(data.list);
    },error: function (a, b, c) {
        alert(c) ;
    }
}); 

IE显示错误“Error:c00ce56e”之类的信息，google了下，大致了解到这是IE无法解析数据的原因，绝大多数是因为header中有畸形编码导致的。

知道了原因排查起来也就容易了，用IE的debug工具看了下返回数据的header，有“Content-Type text/html; charset=utf8”，可以看出这里应该是utf-8，找到后端代码改之（header发送函数，如php的header()），刷新就ok了！

其它问题

1) Apache URLRewrite等服务器级别的转向支持。如可以把test.js?folder=/js/解析为/js/test.js。
2) Javascript和HTML，图片一样，作为静态文件会被浏览器缓存。后面加个随机数，能保证每次请求都是新文件 ，如common.js?t=12442344。 
3) 这个参数是供整体页面中查询js的参数所用，属js外部应用，但绝对不是供js的内部应用。如你有一个html页面，里面写上一段：
<script type="text/javascript" src="test.js?a=100&b=2"></script>
首先，这个?a=100&b=2是绝对不会影响到test.js的内部函数执行的，因为test.js无法接收到这个参数。
其次，这个?a=100&b=2是可以通过html中的DOM结构访问到这个js路径。如下例：
var Xsrc = document.getElementsByTagName("script")[document.getElementsByTagName("script").length-1].src
此时Xsrc能得到test.js?a=100&b=2，然后通过正则表达式的方法来解析出这些参数：a=100及b=2。然后你拿这两个参数实现一些判断。 
最后，回头来看看文首的?jsver=2.1.1.3626.0，第一种肯定是不可能的，不是每一种服务器都支持URLRewrite的。我觉得这个性质介于第二种和第三种之间。没觉得jsver=2.1.1.3626.0有什么实用的，顶多用来判断是什么版本，但这个版本号本来就是从PHP代码中得到的。我觉得这个参数多半是象征性的，没啥实际用处。