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

情景

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