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);

 

    },

 

    // 这里三个参数详细请看jquery手册

 

    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(Content-Type text/html; charset=utf8)),刷新就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代码中得到的。我觉得这个参数多半是象征性的,没啥实际用处。


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值