• 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威武霸气!简直是翔爆了思密达!

  • 相关阅读:
    也谈一下关于兔子的问题
    关于sql函数返回表
    关于1000瓶水的问题
    WWF的疑问
    天干和地支
    在若干个整数中找到相加之和为某个整数的所有组合的算法
    输出一个数组的全排列
    新的博客, 新的里程
    学习搜索引擎心得(10.2511.25)
    下一个阶段(用C++重写Lucene的计划)
  • 原文地址:https://www.cnblogs.com/TF12138/p/4153491.html
Copyright © 2020-2023  润新知