情境
目前有個需求是在文字方塊填入內容,自動觸發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方法進行非同步請求導致頁面閃爍的解決辦法,希望對大家所有幫助!