zoukankan      html  css  js  c++  java
  • mvc中使用knockoutjs和ajax

          虽然说knockoutjs 官网上写的非常的清楚!但是像我这样的英语呕吐患者,真是虐心啊!今天我写下做个记录,也为那些初次使用的同学给予帮助,

    首先我说一下今天我说的内容只是应用不做原理探究,如果没有接触过ko(以下knockoutjs简称ko)的话请点击这里http://www.cnblogs.com/TF12138/p/4156992.html去学习,ko是什么,ko这里我不会告诉你,我这里只讲解ko如何使用,如果你想了解什么是ko 请自行百度关键字 "knockoutjs 是啥" !或者去http://www.cnblogs.com/TF12138/p/4156992.html 里去学习

          好了步入正题首先我们需要下载ko(点我进官网 然后点击download下载)也可以在vs里面下载(看见没,人家微软推荐使用)

    下载或安装完成之后 将js 文件 添加页面里记得把jquery也加进来哦

    完成之后我们开始使用了!

    首先:我们需要创建一个js类,并将页面上所有的绑定信息在这个类里面得到实现

     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         }
    View Code

    然后我在加载文档的时候实例化这个类 并将对象给ko

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

    ko中如何使用判断

    (PS:在viewModel js 类里面,如果使用this关键字,那么页面不能够使用动态,但是如果在类的开始添加 var self = this; 就可以实现了)

    这样ko 就ok 了 以后我们将页面上绑定的数据都体现到这个类里面,只要数据变化了(例如ajax向后台请求了新数据)他就会自动的绑定,再也不需要我们手动的給值了!想想多么的牛B威武霸气!简直是翔爆了思密达!

  • 相关阅读:
    4月22日:毕业设计计划
    4月21日:毕业设计计划
    4月11日:毕业设计计划
    4月9日:毕业设计计划
    4月8日:毕业设计计划
    4月2日:毕业设计计划
    4月1日:毕业设计计划
    3月31日:毕业设计计划
    3月30日:毕业设计计划
    3月28日:毕业设计计划
  • 原文地址:https://www.cnblogs.com/TF12138/p/4153491.html
Copyright © 2011-2022 走看看