JQuery的$.ajax 非同步請求頁面閃爍問題解決辦法

來源:互聯網
上載者:User

情景

目前有個需求是在文字框填入內容,自動觸發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即可

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.