ajax请求数据,返回一个json数组,然后输出到模板
html代码:
<table class="table table-bg table-border table-bordered">
<thead>
<tr>
<th></th>
<th>表名</th>
<th>注释</th>
</tr>
</thead>
<tbody data-bind="foreach: list">
<tr>
<td> <input type="radio" /> </td>
<td data-bind="text:name"></td>
<td data-bind="text:commnet"></td>
</tr>
</tbody>
</table>
js代码:
<script>
var data = [];
var viewModel= {
list: ko.observableArray(data)
};
ko.applyBindings(viewModel);
$(function(){
$.ajax({
type:"get",
url:"{:url('home/project/getTablesName')}",
async:true,
success: function(res){
viewModel.list(res);
}
},'json');
});
</script>
数据库返回来的josn格式:
[
{
name: "masterslave",
commnet: ""
},
{
name: "wmy_account_apply",
commnet: "开通/锁定帐号申请表"
},
{
name: "wmy_addons",
commnet: "插件列表"
}
]
解释:程序运行的时候先绑定一个model对象,这个对象包好一个list对象成员,是一个数组成员,然后ajax请求数据,把请求回来的数据直接赋值到model中。