IE下使用jquery ajax失效的原因總結

來源:互聯網
上載者:User

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()),重新整理就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,然後通過Regex的方法來解析出這些參數:a=100及b=2。然後你拿這兩個參數實現一些判斷。
最後,回頭來看看文首的?jsver=2.1.1.3626.0,第一種肯定是不可能的,不是每一種伺服器都支援URLRewrite的。我覺得這個性質介於第二種和第三種之間。沒覺得jsver=2.1.1.3626.0有什麼實用的,頂多用來判斷是什麼版本,但這個版本號碼本來就是從PHP代碼中得到的。我覺得這個參數多半是象徵性的,沒啥實際用處。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.