一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

JQuery的$.ajax 异步请求页面闪烁问题解决办法

时间:2016-05-12 编辑:简简单单 来源:一聚教程网

情景

目前有个需求是在文本框填入内容,自动触发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 = $("");
                            // 绑定数据到listLeft
                            $("#formOpinion #listLeft").append($option);
                        });
           }
        });

解决方案

查看JQuery API文档发现,$.ajax里面有个Global属性可以设置是否全局范围ajax事件,默认为true,改为false即可

热门栏目