关于点击元素多次调用ajax问题

Question

问题描述：想要点击li元素获取对应的子元素内容，如点击第二个测试方案调用ajax会生成测试分组的子节点，发现点击几次测试方案会生成几次测试分组，请问要怎么改才能让只显示一次    $('.selectMenu .fangan').click(function() {                                var thisid = $(this).attr('id');                $.ajax({                    url: "../Ajax/Lkfp_Handler.ashx",                    data: { cmd: "getgroup", sbyaxh: thisid },                    cache: false,                    async: false,                    dataType: 'json',                    success: function(data) {                        var slum = '';                        for (var k = 0; k < data.length; k++) {                            var slum = slum + '<li><i class="fa fa-plus-square"></i>' + data[k].fzmc + '</li>';                        }                        $("#" + thisid).find('ul').append(slum);                    },                    error: function(msg) {                        alert(msg);                    }                });            });

Answer 1

complete: function(data){

    // do something get slum...

    $("#" + thisid).find('ul').html(slum);

}

在异步请求完成以后，用 html() 替换掉ul中的内容，不要用 append()