当前位置:永利皇宫官网 > 永利皇宫官网 > mvc中使用knockoutjs和ajax

mvc中使用knockoutjs和ajax

文章作者:永利皇宫官网 上传时间:2019-12-19

首先:大家供给创制一个js类,并将页面上富有的绑定消息在这里个类里面得到贯彻

下载或设置到位之后 将js 文件 增加页面里记得把jquery也加进来哦图片 1

图片 2图片 3

mvc中使用knockoutjs和ajax。mvc中使用knockoutjs和ajax。(PS:在viewModel js 类里面,要是利用this关键字,那么页面不可见接纳动态,然而风流倜傥旦在类的起来加多 var self = this; 就可以完成了)

mvc中使用knockoutjs和ajax。View Code

      好了步入正题首先大家需求下载ko(点笔者进官方网站然后点击download下载)也足以在vs里面下载(见到没,人家微软推荐应用)图片 4

1 $(function () {
2             var mm = new viewModel();
3             ko.applyBindings(mm);
4         });

然后小编在加载文档的时候实例化那一个类 并将对象给ko

 1 var viewModel = function(){
 2             var self = this;
 3             self.list = ko.observable(ResultValue);
 4             self.val = ko.observable("点击我");
 5             self.GetAJAX = function () {
 6                 $.ajax({
 7                     url: "/KO/ResultValue",
 8                     dataType: "json",
 9                     type: "post",
10                     success: function (data) {
11                         self.list(data);
12                     }
13                 });
14             }
15         }

      纵然说knockoutjs 官英特网写的充裕的知晓!可是像小编如此的印度语印尼语呕吐伤者,真是虐心啊!后天本身写下做个记录,也为那多少个初次使用的同班给与扶持,

做到之后大家开端选取了!

首先本身说一下明天自己说的内容只是选用不做原理琢磨,若无接触过ko(以下knockoutjs简单的称呼ko)的话请点击这里去学学,ko是哪些,ko这里自身不会告知您,作者那边只讲明ko如何使用,如若您想打听怎样是ko 请自行百度根本字 "knockoutjs 是甚" !或者去 里去读书

图片 5图片 6

View Code

如此ko 就ok 了 现在大家将页面上绑定的数量都反映到那几个类里面,只要数据变化了(举例ajax向后台伏乞了新数据)他就能够自行的绑定,再也没有要求大家手动的給值了!思考多么的牛B威武霸气!大致是翔爆了思密达!

ko中怎么样行使判定图片 7

本文由永利皇宫官网发布于永利皇宫官网,转载请注明出处:mvc中使用knockoutjs和ajax

关键词: