关于点击元素多次调用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){&nbsp; &nbsp; // do something get slum...&nbsp; &nbsp; $("#" + thisid).find('ul').html(slum);}在异步请求完成以后，用 html() 替换掉ul中的内容，不要用 append()