knockoutjs ajax请求,然后输出到模板

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中。