js 怎么控制搜索重复执行

    success: function(rdata) {
            //服务器返回响应,根据响应结果,分析是否登录成功;
            var data = eval("("+rdata+")");
            var swlist_data = data.body.dataStores.result.rowSet.primary;
            for(var i = 0; i < swlist_data.length; i++) {
                var swlist_title = swlist_data[i].title;
                var swlist_createTime = swlist_data[i].createTime;
                var create_DateTime = new Date(swlist_createTime).Format('yy-MM-dd hh:mm:ss');
                var swlist_procInstanceId = swlist_data[i].procInstanceId;
                var parent = document.getElementById("swyblistul");
                parent.innerHTML += "<li class=\"mui-table-view-cell mui-media\">" +
                    "<a class=\"mui-navigate-right\" onclick=\"swybxq('" + swlist_procInstanceId + "');\">" +
                    "<div class=\"list_ico mui-pull-left\">" +
                    "<span class=\"mui-icon-extra mui-icon-extra-order\"></span>" +
                    "</div><div class=\"mui-media-body\">" +
                    "<div class=\"mui-ellipsis\">" + swlist_title + "</div>" +
                    "<p>" + create_DateTime + "</p></div></a></li>";
            }
        }

这是Ajax 成功向div 中innerhtml 因为用的是+= 所以我点击一次搜索 就会执行一些显示重复的数据。
但是考虑到用户可能在我的这个页面进行多次搜索,所以不能去赋值为true 执行完在赋值 false 来控制 因为这样只会执行一次 ,用户多次搜索就不能实现
所以各位大佬 有什么好的办法 谢谢

2个回答

不要循环追加,拼接好了一次显示,这样多次搜索就互补影响了

var htmlStr="";
for(var i = 0; i < swlist_data.length; i++) {
                var swlist_title = swlist_data[i].title;
                var swlist_createTime = swlist_data[i].createTime;
                var create_DateTime = new Date(swlist_createTime).Format('yy-MM-dd hh:mm:ss');
                var swlist_procInstanceId = swlist_data[i].procInstanceId;
                var parent = document.getElementById("swyblistul");
                htmlStr += "<li class=\"mui-table-view-cell mui-media\">" +
                    "<a class=\"mui-navigate-right\" onclick=\"swybxq('" + swlist_procInstanceId + "');\">" +
                    "<div class=\"list_ico mui-pull-left\">" +
                    "<span class=\"mui-icon-extra mui-icon-extra-order\"></span>" +
                    "</div><div class=\"mui-media-body\">" +
                    "<div class=\"mui-ellipsis\">" + swlist_title + "</div>" +
                    "<p>" + create_DateTime + "</p></div></a></li>";
            }

            parent.innerHTML = htmlStr;

添加数据之前先执行一次清空操作

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问