首页 > 解决方案 > 在 web 表单 asp.net 中显示从 ajax Json 到 ul 标记的数据

问题描述

我有这个函数可以使用 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>从函数中绑定标签。

有人有什么建议吗?

标签: javascriptjqueryasp.netjsonxmlhttprequest

解决方案


更新: 将 <div> 更改为 an,因为 <li> 只能添加到 <ul>、<ol> 或 <menu>,如https://developer.mozilla.org/en-US/docs/Web/HTML /元素/里


推荐阅读