显示来自 Json 的数据以<ul>标记 MVC Javascript



我有这个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);
}

我需要播放这些数据来标记

此网页代码

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

如果我理解正确,您希望在标签内显示<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>

您可以选择要在GetMemebersAction中显示的内容。

我希望对您有所帮助。

最新更新