基于JQuery的$.ajax方法進行異步請求導(dǎo)致頁面閃爍的解決辦法
更新時間：2016年05月10日 11:06:27 作者：Evan_Leung
這篇文章主要介紹了基于JQuery的$.ajax方法進行異步請求導(dǎo)致頁面閃爍的解決辦法的相關(guān)資料,非常具有參考借鑒價值，需要的朋友可以參考下
情景
目前有個需求是在文本框填入內(nèi)容，自動觸發(fā)keyup事件，下拉列表會自動過濾相應(yīng)的選項，但是使用了$,ajax后發(fā)現(xiàn)，每次觸發(fā)事件時，都導(dǎo)致整個網(wǎng)頁閃爍，觸發(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里面有個Global屬性可以設(shè)置是否全局范圍ajax事件，默認為true,改為false即可
以上內(nèi)容是小編給大家介紹的基于JQuery的$.ajax方法進行異步請求導(dǎo)致頁面閃爍的解決辦法，希望對大家所有幫助！
相關(guān)文章
文本框輸入時 實現(xiàn)自動提示（像百度、google一樣）
文本框輸入時 實現(xiàn)自動提示（像百度、google一樣）,需要的朋友可以參考下2012-04-04
本文是一些jquery進行封裝實現(xiàn)的常用的操作，對平常學(xué)習(xí)工作很實用，有需要的朋友可以參考下。2016-07-07
jQuery formValidator表單驗證插件開源了 含API幫助、源碼、示例
ajaxValidator函數(shù)在提交后發(fā)生錯誤，停留在本頁面后,再次觸發(fā)校驗會讓提示內(nèi)容一直處于onload狀態(tài)。2008-08-08
jquery實現(xiàn)自定義樹形表格的方法【自定義樹形結(jié)構(gòu)table】
這篇文章主要介紹了jquery實現(xiàn)自定義樹形表格的方法,結(jié)合實例形式分析了jQuery創(chuàng)建自定義樹形結(jié)構(gòu)table的相關(guān)操作技巧,需要的朋友可以參考下2019-07-07
jQuery實現(xiàn)判斷滾動條滾動到document底部的方法分析
這篇文章主要介紹了jQuery實現(xiàn)判斷滾動條滾動到document底部的方法,結(jié)合實例形式分析了jQuery事件響應(yīng)及針對頁面元素屬性判斷的相關(guān)操作技巧,需要的朋友可以參考下2019-08-08
這篇文章主要深入介紹了提高jQuery性能優(yōu)化的技巧，有需要的小伙可以來參考下2015-08-08
jQuery使用正則表達式替換dom元素標(biāo)簽用法示例
這篇文章主要介紹了jQuery使用正則表達式替換dom元素標(biāo)簽的方法,結(jié)合具體實例形式分析了jQuery正則替換的操作技巧,需要的朋友可以參考下2017-01-01
jQuery.cookie.js實現(xiàn)記錄最近瀏覽過的商品功能示例
這篇文章主要介紹了jQuery.cookie.js實現(xiàn)記錄最近瀏覽過的商品功能,結(jié)合實例形式分析了基于jQuery.cookie.js插件創(chuàng)建cookie及保存瀏覽記錄的操作技巧,需要的朋友可以參考下2017-01-01
用相對簡單的JavaScript代碼，可以創(chuàng)建出能確定用戶地理位置詳細信息的Web應(yīng)用，包括經(jīng)緯度以及海拔等。一些Web應(yīng)用甚至能通過監(jiān)控用戶位置隨時間的移動來提供導(dǎo)航功能，其中還綜合了GoogleMaps API這樣的地圖系統(tǒng)。2015-04-04
jquery對象和javascript對象即DOM對象相互轉(zhuǎn)換
對于已經(jīng)是一個 DOM 對象，只需要用 $() 把DOM對象包裝起來，就可以獲得一個 jQuery 對象了，使用[index]和.get(index)可以轉(zhuǎn)為DOM對象2014-08-08