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

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值