js 怎么控制搜索重复执行

Question

    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 来控制 因为这样只会执行一次 ，用户多次搜索就不能实现
所以各位大佬 有什么好的办法 谢谢

Answer 1

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

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;