使用knockoutjs-Asp.net MVC从JSON对象绑定数据
在嵌套JSON对象的情况下,从返回的JSON中获取数据有问题 HTML代码如下所示:使用knockoutjs-Asp.net MVC从JSON对象绑定数据,json,asp.net-mvc,knockout.js,Json,Asp.net Mvc,Knockout.js,在嵌套JSON对象的情况下,从返回的JSON中获取数据有问题 HTML代码如下所示: <div> <h2>List Employee</h2> <br /> <table class="table table-bordered" > <thead> <tr> <td>Id</td>
<div>
<h2>List Employee</h2>
<br />
<table class="table table-bordered" >
<thead>
<tr>
<td>Id</td>
<td>Name</td>
<td>Age</td>
</tr>
</thead>
<tbody data-bind="foreach: Employees">
<tr>
<td data-bind="text: Id"></td>
<td data-bind="text: Name"></td>
<td data-bind="text: Age"></td>
</tr>
</tbody>
</table>
</div>
控制器:
public JsonResult GetEmployee()
{
var employee = db.Employee.ToList();
return Json(new { data = employee }, JsonRequestBehavior.AllowGet);
}
Json对象:
`{"data":[{"Id":1,"Name":"Andrew","Age":25},{"Id":2,"Name":"John","Age":28},{"Id":3,"Name":"Layla","Age":24},{"Id":4,"Name":"Mia","Age":26}]}`
结果错误:
`{"data":[{"Id":1,"Name":"Andrew","Age":25},{"Id":2,"Name":"John","Age":28},{"Id":3,"Name":"Layla","Age":24},{"Id":4,"Name":"Mia","Age":26}]}`
任何人都可以改进我的代码,请…您的
数据在对象中,因此您必须解析它:
const myData = JSON.parse(data);
self.Employees(ko.mapping.fromJS(myData.data)); //in data is your array
如果您只需要用于显示的数据,则无需映射:self.Employees(myData.data)代码>@Phong,感谢您编辑。