情景
目前有個需求是在文本框填入內容,自動觸發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方法進行異步請求導致頁面閃爍的解決辦法,希望對大家所有幫助!
新聞熱點
疑難解答