欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

解決jQuery ajax請求在IE6中莫名中斷的問題

 更新時間：2016年06月20日 09:05:58   作者：雨夜帶刀  
本文主要介紹jQuery ajax請求在IE6中莫名中斷問題的解決方法，有需要的朋友可以參考一下。

場景還原：給a標簽綁定了一個click事件用來觸發(fā)ajax請求，在IE6中，請求時常會被中斷，在非IE6中都一切正常。

<a href="javascript:;" id="btn">click me</a>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
 var url = "http://api.flickr.com/services/"
 "feeds/photos_public.gne?tags=car&"
 "tagmode=any&format=json&jsoncallback=?";
 $( "#btn" ).click(function(){
  $.getJSON( url, function( data ){
   alert( data );
  });
 });
</script>

在IE6中使用Fiddler2監(jiān)視請求，經常會出現”aborted”，折騰了許久，相當的詭異。后來將a標簽換成button，請求正常，最后經提醒，可能是a標簽的默認事件中斷了請求。但是，在HTML代碼中，已經將a標簽的href設置成了”javascript:;”，通常這樣是可以阻止默認事件了(頁面跳轉)。a標簽的click事件會先執(zhí)行，然后才執(zhí)行href的跳轉，如果href是一段javascript語句，這個時候就會執(zhí)行。IE6在執(zhí)行href的javascript語句時就中斷了click觸發(fā)的ajax請求。使用href=”javascript:;”是為了阻止默認事件，將阻止默認事件的動作移到click事件中就可以解決問題了，這樣就不會執(zhí)行href中的javascript語句了。

$( "#btn" ).click(function(e){
 $.getJSON( url, function( data ){
  alert( data );
 });
 e.preventDefault();
});

注：e.preventDefault(); 這一句的作用就是阻止js中的默認事件。

以上就是本文的全部內容，希望能給大家一個參考，也希望大家多多支持腳本之家。

相關文章

  • jQuery實現的鼠標響應緩沖動畫效果示例

    jQuery實現的鼠標響應緩沖動畫效果示例

    這篇文章主要介紹了jQuery實現的鼠標響應緩沖動畫效果,涉及jQuery事件響應、數值運算及頁面元素動態(tài)操作相關技巧,需要的朋友可以參考下
    2018-02-02
  • jQuery獲取this當前對象子元素對象的方法

    jQuery獲取this當前對象子元素對象的方法

    下面小編就為大家?guī)硪黄猨Query獲取this當前對象子元素對象的方法。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2016-11-11
  • jquery自定義函數的多種方法

    jquery自定義函數的多種方法

    在jquery中自定義函數你會嗎？今天抽時間寫了幾個，個人感覺還不錯，喜歡的朋友可以了解下
    2014-01-01
  • 分享8款優(yōu)秀的 jQuery 加載動畫和進度條插件

    分享8款優(yōu)秀的 jQuery 加載動畫和進度條插件

    加載動畫和進度條在網站和 Web 應用中的使用非常流行。雖然網速越來越快，但是我們的網站越來越復雜，同時用戶對網站的使用體驗的要求也越來越高
    2012-10-10
  • slideToggle+slideup實現手機端折疊菜單效果

    slideToggle+slideup實現手機端折疊菜單效果

    這篇文章主要為大家詳細介紹了slideToggle+slideup實現手機端折疊菜單效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2017-05-05
  • 終于實現了!精彩的jquery彈幕效果

    終于實現了!精彩的jquery彈幕效果

    終于實現精彩的jquery彈幕效果了，這篇文章就為大家詳細介紹了jquery彈幕效果的實現代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2016-07-07
  • 基于jquery編寫的放大鏡插件

    基于jquery編寫的放大鏡插件

    這篇文章主要為大家詳細介紹了基于jquery編寫的放大鏡插件，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2016-03-03
  • jquery trigger函數執(zhí)行兩次的解決方法

    jquery trigger函數執(zhí)行兩次的解決方法

    這篇文章主要介紹了jquery trigger函數執(zhí)行兩次的解決方法,詳細分析了trigger函數執(zhí)行兩次的原因與響應的解決技巧,非常具有實用價值,需要的朋友可以參考下
    2016-02-02
  • jQuery實現背景滑動菜單

    jQuery實現背景滑動菜單

    本篇文章分享了基于jQuery實現背景滑動菜單的實例代碼。感興趣的朋友可以下載實例運行，下面就跟小編一起來看看吧
    2016-12-12
  • jquery實現網站列表切換效果的2種方法

    jquery實現網站列表切換效果的2種方法

    這篇文章主要為大家詳細介紹了jquery實現網站列表切換效果的2種方法，供大家參考，感興趣的小伙伴們可以參考一下
    2016-08-08

最新評論