快捷導(dǎo)航

基于JQuery的$.ajax方法進(jìn)行異步請(qǐng)求導(dǎo)致頁(yè)面閃爍的解決辦法

更新時(shí)間：2016年05月10日 11:06:27 作者：Evan_Leung

這篇文章主要介紹了基于JQuery的$.ajax方法進(jìn)行異步請(qǐng)求導(dǎo)致頁(yè)面閃爍的解決辦法的相關(guān)資料,非常具有參考借鑒價(jià)值，需要的朋友可以參考下

情景

目前有個(gè)需求是在文本框填入內(nèi)容，自動(dòng)觸發(fā)keyup事件，下拉列表會(huì)自動(dòng)過(guò)濾相應(yīng)的選項(xiàng)，但是使用了$,ajax后發(fā)現(xiàn)，每次觸發(fā)事件時(shí)，都導(dǎo)致整個(gè)網(wǎng)頁(yè)閃爍，觸發(fā)了全局ajax事件

代碼片段

$.ajax({ 
type: "POST", 
url: root + "/xxx, 
data: requestData, 
dataType: "json", 
success: function(data){ 
// 清空列表 
$("#formOpinion #listLeft").empty(); 
$.each(data, 
function(i, $data) { 
var $option = $("<option name='opinion.tag' value=" 
+ $data.code + $data.name + ">" + $data.code 
+ $data.name + "</option>"); 
// 綁定數(shù)據(jù)到listLeft 
$("#formOpinion #listLeft").append($option); 
}); 
} 
});

解決方案

查看JQuery API文檔發(fā)現(xiàn)，$.ajax里面有個(gè)Global屬性可以設(shè)置是否全局范圍ajax事件，默認(rèn)為true,改為false即可

以上內(nèi)容是小編給大家介紹的基于JQuery的$.ajax方法進(jìn)行異步請(qǐng)求導(dǎo)致頁(yè)面閃爍的解決辦法，希望對(duì)大家所有幫助！

您可能感興趣的文章:

相關(guān)文章

文本框輸入時(shí) 實(shí)現(xiàn)自動(dòng)提示（像百度、google一樣）
文本框輸入時(shí) 實(shí)現(xiàn)自動(dòng)提示（像百度、google一樣）,需要的朋友可以參考下
2012-04-04
分享jQuery封裝好的一些常用操作
本文是一些jquery進(jìn)行封裝實(shí)現(xiàn)的常用的操作，對(duì)平常學(xué)習(xí)工作很實(shí)用，有需要的朋友可以參考下。
2016-07-07
jQuery formValidator表單驗(yàn)證插件開(kāi)源了含API幫助、源碼、示例
ajaxValidator函數(shù)在提交后發(fā)生錯(cuò)誤，停留在本頁(yè)面后,再次觸發(fā)校驗(yàn)會(huì)讓提示內(nèi)容一直處于onload狀態(tài)。
2008-08-08
jquery實(shí)現(xiàn)自定義樹(shù)形表格的方法【自定義樹(shù)形結(jié)構(gòu)table】
這篇文章主要介紹了jquery實(shí)現(xiàn)自定義樹(shù)形表格的方法,結(jié)合實(shí)例形式分析了jQuery創(chuàng)建自定義樹(shù)形結(jié)構(gòu)table的相關(guān)操作技巧,需要的朋友可以參考下
2019-07-07
jQuery實(shí)現(xiàn)判斷滾動(dòng)條滾動(dòng)到document底部的方法分析
這篇文章主要介紹了jQuery實(shí)現(xiàn)判斷滾動(dòng)條滾動(dòng)到document底部的方法,結(jié)合實(shí)例形式分析了jQuery事件響應(yīng)及針對(duì)頁(yè)面元素屬性判斷的相關(guān)操作技巧,需要的朋友可以參考下
2019-08-08
提高jQuery性能優(yōu)化的技巧
這篇文章主要深入介紹了提高jQuery性能優(yōu)化的技巧，有需要的小伙可以來(lái)參考下
2015-08-08
jQuery使用正則表達(dá)式替換dom元素標(biāo)簽用法示例
這篇文章主要介紹了jQuery使用正則表達(dá)式替換dom元素標(biāo)簽的方法,結(jié)合具體實(shí)例形式分析了jQuery正則替換的操作技巧,需要的朋友可以參考下
2017-01-01
jQuery.cookie.js實(shí)現(xiàn)記錄最近瀏覽過(guò)的商品功能示例
這篇文章主要介紹了jQuery.cookie.js實(shí)現(xiàn)記錄最近瀏覽過(guò)的商品功能,結(jié)合實(shí)例形式分析了基于jQuery.cookie.js插件創(chuàng)建cookie及保存瀏覽記錄的操作技巧,需要的朋友可以參考下
2017-01-01
如何使用HTML5地理位置定位功能
用相對(duì)簡(jiǎn)單的JavaScript代碼，可以創(chuàng)建出能確定用戶地理位置詳細(xì)信息的Web應(yīng)用，包括經(jīng)緯度以及海拔等。一些Web應(yīng)用甚至能通過(guò)監(jiān)控用戶位置隨時(shí)間的移動(dòng)來(lái)提供導(dǎo)航功能，其中還綜合了GoogleMaps API這樣的地圖系統(tǒng)。
2015-04-04
jquery對(duì)象和javascript對(duì)象即DOM對(duì)象相互轉(zhuǎn)換
對(duì)于已經(jīng)是一個(gè) DOM 對(duì)象，只需要用 $() 把DOM對(duì)象包裝起來(lái)，就可以獲得一個(gè) jQuery 對(duì)象了，使用[index]和.get(index)可以轉(zhuǎn)為DOM對(duì)象
2014-08-08