0

我有这个 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>
4

1 回答 1

1

如果我理解正确,您希望<li>..</li>ul标签内显示。将代码更改如下:
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.

我希望你觉得这有帮助。

于 2020-06-19T17:40:45.723 回答