快捷導航

解決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)視請求，經(jīng)常會出現(xiàn)”aborted”，折騰了許久，相當?shù)脑幃悺：髞韺標簽換成button，請求正常，最后經(jīng)提醒，可能是a標簽的默認事件中斷了請求。但是，在HTML代碼中，已經(jīng)將a標簽的href設(shè)置成了”javascript:;”，通常這樣是可以阻止默認事件了(頁面跳轉(zhuǎn))。a標簽的click事件會先執(zhí)行，然后才執(zhí)行href的跳轉(zhuǎn)，如果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中的默認事件。

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

您可能感興趣的文章:

相關(guān)文章

Javascript中的Array數(shù)組對象詳談
這篇文章主要介紹了Javascript中的Array數(shù)組對象,需要的朋友可以參考下
2014-03-03
jQuery生成asp.net服務(wù)器控件的代碼
jQuery生成asp.net服務(wù)器控件但不幸的是，該服務(wù)器控件依然沒有起作用，還是用隱藏服務(wù)器控件來解決吧
2010-02-02
jquery如何實現(xiàn)錨點鏈接之間的平滑滾動
實現(xiàn)錨點鏈接之間的平滑滾動的方法有很多，在接下來的文章中為大家介紹下，jquery是如何實現(xiàn)的，感興趣的朋友不要錯過
2013-12-12
jQuery獲取字符串中出現(xiàn)最多的數(shù)
這篇文章主要介紹了jQuery獲取字符串中出現(xiàn)最多的數(shù) 的相關(guān)資料,需要的朋友可以參考下
2016-02-02
jQuery Ajax異步處理Json數(shù)據(jù)詳解
jquery ajax處理json數(shù)據(jù)其實與其它ajax處理數(shù)據(jù)沒什么很大的改動，我們只要簡單處理一下ajax部份的dataType數(shù)據(jù)類型等于json即可解決了
2013-11-11
jquery+ajax請求且?guī)Х祷刂档拇a
這兩天的工作內(nèi)容不多，基本是關(guān)于jquery中ajax的。之前一直都是寫的最簡單的ajax請求，并沒關(guān)注怎么獲取ajax返回值的問題。
2015-08-08
利用jQuery輕松實現(xiàn)單選功能
這篇文章主要介紹了利用jQuery輕松實現(xiàn)單選功能的相關(guān)資料,需要的朋友可以參考下
2023-11-11
javascript原生和jquery庫實現(xiàn)iframe自適應高度和寬度
這篇文章主要介紹了javascript原生和jquery庫實現(xiàn)iframe自適應內(nèi)容高度和寬度,需要的朋友可以參考下
2014-07-07
Jquery中$.post和$.ajax的用法小結(jié)
本節(jié)重點講的是jquery中調(diào)用ajax的4種方法中最常用的：$.post、和$ajax。如果讀者沒有javascript和jquery的知識，或者沒有ajax的概念，那么請先去問問度娘，再來讀本文。
2015-04-04
JQuery設(shè)置獲取下拉菜單某個選項的值(比較全)
這篇文章主要介紹了JQuery如何設(shè)置獲取下拉菜單某個選項的值(比較全),需要的朋友可以參考下
2014-08-08