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

来源:互联网 发布:php mongodb连接池配置 编辑:程序博客网 时间:2024/05/17 21:42

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

0 0
原创粉丝点击