获取时时点击事件和清除页面内容的方法_前端页面点击事件删除信息-优快云博客

本文介绍了一个使用AJAX实现获取部门列表的功能，通过POST请求从指定URL获取部门信息，并将其显示在网页上。此外，还实现了点击部门名称时加载成员信息的功能。

function GetDepartmentList(urlGetDepartmentList,urlGetMemberInfo) {
    $.ajax({
        url: urlGetDepartmentList,
        async: false,
        data: {},
        type: 'post',
        dataType: 'json',
        success: function (data) {
            var de = data.department;
            //$('body').innerHTML='';
            $('body').empty(); //移除页面上的内容，并添加新的内容
            $('body').append('<div id=test>');

            for (var i = 0; i <de.length; i++) {
                //加个部门名字，在部门下添加员工
                var id = de[i].id;
                var name = de[i].name;
                t = id;
                //var t = 'test' + i;
                //var result=  GetMemberInfo(urlGetMemberInfo, id);
                // 部门名称
                var s = '<strong>' + name + '</strong>' + ' ' + ' ' + ' ' + ' ' + '>';
             
                $('#test').append('<div id="' + id + '">' + '<a href="javascript:void(0);"   value="' + id + '"  onclick="' + f() + '" >' + s + '</a>' + '</div>');
               
                    //$('#test').setAttribute('onclick', GetMemberInfo(urlGetMemberInfo, id));
               // var te= 'onclick="' + f() + '"';
                //var  te=id="' + t + '"
               
            }
          
            $('#test div').click(function () {
                // var ii = $(this).attr(id);
                var ii = this.id;

                //  ii = ii.value();
                var where = $(this).after("<div></div>");
                GetMemberInfo(urlGetMemberInfo, ii,where);
            });
            // alert(de);
            alert(de[0].name);
        },
        error: function (error) {
            log(error);
        }
    });
}

//清除页面内容

$('body').empty(); //移除页面上的内容，并添加新的内容