首頁 > web前端 > js教程 > 主體

基於JQuery的$.ajax方法進行非同步請求導致頁面閃爍的解決方案_jquery

WBOY
發布: 2016-05-16 09:00:06
原創
3983 人瀏覽過

情境

目前有個需求是在文字方塊填入內容,自動觸發keyup事件,下拉清單會自動過濾對應的選項,但使用了$,ajax後發現,每次觸發事件時,都導致整個網頁閃爍,觸發了全域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>"); 
// 绑定数据到listLeft 
$("#formOpinion #listLeft").append($option); 
}); 
} 
}); 
登入後複製

查看jquery api文件發現,$.ajax裡面有global屬性可以設定是否全域範圍ajax事件,預設為true,改為false即可




以上內容是小編給大家介紹的基於jquery的$.ajax方法進行非同步請求導致頁面閃爍的解決辦法,希望對大家所有幫助!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!