C# 在浏览器it';它显示json数组 $(文档).ready(函数(){ $('#btnClick')。单击(函数(){ $.ajax({ url:“/jQueryPratice/HandleJsonArray”, 数据类型:“json”, 方法:“post”, 成功:功能(数据){ 变量roleTable=$(“#tblRole tbody”); $(数据)。每个(功能(索引、角色){ roleTable.append(“”+role.RoleDescription+“”+role.RoleShortDescription+“”) }); } }); }); });
以及C# 在浏览器it';它显示json数组 $(文档).ready(函数(){ $('#btnClick')。单击(函数(){ $.ajax({ url:“/jQueryPratice/HandleJsonArray”, 数据类型:“json”, 方法:“post”, 成功:功能(数据){ 变量roleTable=$(“#tblRole tbody”); $(数据)。每个(功能(索引、角色){ roleTable.append(“”+role.RoleDescription+“”+role.RoleShortDescription+“”) }); } }); }); });,c#,jquery,ajax,asp.net-mvc,C#,Jquery,Ajax,Asp.net Mvc,以及 <script> $(document).ready(function () { $('#btnClick').click(function () { $.ajax({ url: '/jQueryPratice/HandleJsonArray', dataType: 'json', method: 'post',
<script>
$(document).ready(function () {
$('#btnClick').click(function () {
$.ajax({
url: '/jQueryPratice/HandleJsonArray',
dataType: 'json',
method: 'post',
success: function (data) {
var roleTable = $('#tblRole tbody');
$(data).each(function (index, role) {
roleTable.append('<tr><td>' + role.RoleDescription + '</td><td>' + role.RoleShortDescription + '</td></tr>')
});
}
});
});
});
</script>
角色描述
角色说明
现在我想在单击按钮为click时追加表。我从调用中获取数据,但它没有绑定数据,而是在浏览器上获取纯jaon数组。如何将数组与表绑定?可能是将数据直接从ajax调用方法返回到浏览器。尝试先将数据接收到视图,然后将其追加
<body>
<hr />
<input type="button" value="Click" id="btnClick" />
<br /><br />
<table id="tblRole" border="1">
<thead>
<tr>
<th>
RoleDescription
</th>
<th>
RoleShortDescription
</th>
</tr>
</thead>
<tbody></tbody>
</table>
在此视图中创建表和按钮。然后使用另一个操作方法像这样返回集合
public ActionResult Index()
{
return View();
}
希望它能为您工作。我只需要将json列表传递给视图,而不是像这样直接返回
public ActionResult HandleJsonArray()
{
//get roles
return Json(roles, JsonRequestBehavior.AllowGet);
}
您可以显示从ajax获得的数据吗?[{“RoleID”:1,“RoleDescription”:“管理用户”,“RoleShareDescription”:“管理员”,“插入者ID”:0},{“RoleID”:2,“RoleDescription”:“人力资源用户”,“RoleShareDescription”:“HR”,“插入者ID”:0},{“RoleID”:3,“RoleDescription”:“一般用户”,“RoleShareDescription”:“GEN”,“插入者ID”:0},{“RoleID”:4,“RoleDescription”:“操作用户”,“RoleShareDescription”:“操作员”,“插入器ID”:0},{“RoleID”:5,“RoleDescription”:“Ajaira用户”,“RoleShareDescription”:“FALTU”,“插入器ID”:0},{“RoleID”:6,“RoleDescription”:“新用户”,“插入器ID”:0}你应该更新你的问题。你能更具体一点吗?你正在使用哪个框架?我已经更新了我的答案。让我知道它是否有效
public ActionResult Index()
{
return View();
}
public ActionResult HandleJsonArray()
{
//get roles
return Json(roles, JsonRequestBehavior.AllowGet);
}