解決jQuery ajax請(qǐng)求在IE6中莫名中斷的問題
場(chǎng)景還原:給a標(biāo)簽綁定了一個(gè)click事件用來(lái)觸發(fā)ajax請(qǐng)求,在IE6中,請(qǐng)求時(shí)常會(huì)被中斷,在非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)視請(qǐng)求,經(jīng)常會(huì)出現(xiàn)”aborted”,折騰了許久,相當(dāng)?shù)脑幃悺:髞?lái)將a標(biāo)簽換成button,請(qǐng)求正常,最后經(jīng)提醒,可能是a標(biāo)簽的默認(rèn)事件中斷了請(qǐng)求。但是,在HTML代碼中,已經(jīng)將a標(biāo)簽的href設(shè)置成了”javascript:;”,通常這樣是可以阻止默認(rèn)事件了(頁(yè)面跳轉(zhuǎn))。a標(biāo)簽的click事件會(huì)先執(zhí)行,然后才執(zhí)行href的跳轉(zhuǎn),如果href是一段javascript語(yǔ)句,這個(gè)時(shí)候就會(huì)執(zhí)行。IE6在執(zhí)行href的javascript語(yǔ)句時(shí)就中斷了click觸發(fā)的ajax請(qǐng)求。使用href=”javascript:;”是為了阻止默認(rèn)事件,將阻止默認(rèn)事件的動(dòng)作移到click事件中就可以解決問題了,這樣就不會(huì)執(zhí)行href中的javascript語(yǔ)句了。
$( "#btn" ).click(function(e){ $.getJSON( url, function( data ){ alert( data ); }); e.preventDefault(); });
注:e.preventDefault(); 這一句的作用就是阻止js中的默認(rèn)事件。
以上就是本文的全部?jī)?nèi)容,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- jQuery解決IE6、7、8不能使用 JSON.stringify 函數(shù)的問題
- jquery fancybox ie6不顯示關(guān)閉按鈕的解決辦法
- jquery submit ie6下失效的原因分析及解決方法
- 解決jquery的.animate()函數(shù)在IE6下的問題
- 關(guān)于jquery中動(dòng)態(tài)增加select,事件無(wú)效的快速解決方法
- jQuery:delegate中select()不起作用的解決方法(實(shí)例講解)
- jquery html動(dòng)態(tài)生成select標(biāo)簽出問題的解決方法
- jQuery選中select控件 無(wú)法設(shè)置selected的解決方法
- jQuery 跨域訪問問題解決方法
- jquery的ajax()函數(shù)傳值中文亂碼解決方法介紹
- jQuery在ie6下無(wú)法設(shè)置select選中的解決方法詳解
相關(guān)文章
jQuery實(shí)現(xiàn)的鼠標(biāo)響應(yīng)緩沖動(dòng)畫效果示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的鼠標(biāo)響應(yīng)緩沖動(dòng)畫效果,涉及jQuery事件響應(yīng)、數(shù)值運(yùn)算及頁(yè)面元素動(dòng)態(tài)操作相關(guān)技巧,需要的朋友可以參考下2018-02-02jQuery獲取this當(dāng)前對(duì)象子元素對(duì)象的方法
下面小編就為大家?guī)?lái)一篇jQuery獲取this當(dāng)前對(duì)象子元素對(duì)象的方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2016-11-11分享8款優(yōu)秀的 jQuery 加載動(dòng)畫和進(jìn)度條插件
加載動(dòng)畫和進(jìn)度條在網(wǎng)站和 Web 應(yīng)用中的使用非常流行。雖然網(wǎng)速越來(lái)越快,但是我們的網(wǎng)站越來(lái)越復(fù)雜,同時(shí)用戶對(duì)網(wǎng)站的使用體驗(yàn)的要求也越來(lái)越高2012-10-10slideToggle+slideup實(shí)現(xiàn)手機(jī)端折疊菜單效果
這篇文章主要為大家詳細(xì)介紹了slideToggle+slideup實(shí)現(xiàn)手機(jī)端折疊菜單效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-05-05終于實(shí)現(xiàn)了!精彩的jquery彈幕效果
終于實(shí)現(xiàn)精彩的jquery彈幕效果了,這篇文章就為大家詳細(xì)介紹了jquery彈幕效果的實(shí)現(xiàn)代碼,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-07-07jquery trigger函數(shù)執(zhí)行兩次的解決方法
這篇文章主要介紹了jquery trigger函數(shù)執(zhí)行兩次的解決方法,詳細(xì)分析了trigger函數(shù)執(zhí)行兩次的原因與響應(yīng)的解決技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2016-02-02jQuery實(shí)現(xiàn)背景滑動(dòng)菜單
本篇文章分享了基于jQuery實(shí)現(xiàn)背景滑動(dòng)菜單的實(shí)例代碼。感興趣的朋友可以下載實(shí)例運(yùn)行,下面就跟小編一起來(lái)看看吧2016-12-12jquery實(shí)現(xiàn)網(wǎng)站列表切換效果的2種方法
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)網(wǎng)站列表切換效果的2種方法,供大家參考,感興趣的小伙伴們可以參考一下2016-08-08