在 web 表单 asp.net 中显示从 ajax Json 到 ul 标记的数据

Question

我有这个函数可以使用 JSON 从数据库中获取数据

    function BindMembers() {
            $.ajax({
                url: "/test.asmx/test1",
                type: "GET",
                dataType: "json",
                contentType: "application/Json; Charset= Utf-8",
                success: function (data) {
                    var list = "";
                    $.each(data.data, function (index, item) {
                        list += "<li class='text-secondary p-1'><a class='btn-link text-secondary'><b>" + item.Id + "</b>" + ", " + "<span class='font-italic'><small>" + item.Id + "</small></span><small><a href='#' Onclick='Delete(" + item.Id + ")'> <i class='float-right far fa-trash-alt'></i></a></small></a>" + "</li>";
                    });
                    $("#list").html(list);
                },
                error: function (response) {
                    alert(response);
                }
            });
        }

这是我的 HTML 代码：

    <ul id="list">
       <li></li>
    </ul>

我需要从函数中绑定<div>标签。

有人有什么建议吗？

Answer 1

更新： 将

更改为 an，因为

只能添加到

、

或 ，如 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/li