从 Json 显示数据到 <ul> 标记 MVC Javascript

【问题标题】：Display Data from Json To <ul> Tag MVC Javascript从 Json 显示数据到 <ul> 标记 MVC Javascript
【发布时间】：2020-10-09 20:42:12
【问题描述】：

我有这个 JavaScript 函数

function GetAll()
     {
         $.ajax
             ({
                 type: method,
                 url: "/dash/GetMemebers",
                 dataType: 'JSON',
                 contentType: "application/Json; Charset= Utf-8"
             })
     }

在我的控制器中，我执行此方法

public ActionResult GetMemebers()
        {
            var members = db.t_m.ToList();
            return Json(new { data = members }, JsonRequestBehavior.AllowGet);
        }

我需要显示这个数据来标记

这段 HTML 代码

 <div class="row">
        <div class="col-3">
            <ul class="list-unstyled" id="list">
            </ul>
        </div>
    </div>

【问题讨论】：

members 是字符串列表吗？

标签： jquery json ajax asp.net-mvc asp.net-ajax

【解决方案1】：

如果我理解正确，您希望在 ul 标记内显示 <li>..</li>。将代码更改如下：
1 - GetAlljs函数

 $.ajax({
        url: "Home/GetMemebers",
        type: "GET",
        success: function (data) {
            var lis = "";
            $.each(data.data, function (index, value) {
                lis += "<li>" + value + "</li>";
            });
            $("#list").html(lis);
        },
        error: function (response) {
            alert(response);
        }
    });

2 - 控制器

public ActionResult GetMemebers()
{
    var members = new List<string> { "1", "2", "3" };
    return Json(new { data = members }, JsonRequestBehavior.AllowGet);
}

3 - 结果

<ul class="list-unstyled" id="list">
    <li>1</li>
    <li>2</li>
    <li>3</li>
</ul>

您可以选择您想在GetMemebers Action 中显示的内容。

希望对您有所帮助。

【讨论】：