zoukankan      html  css  js  c++  java
  • 在MVC中如何愉快使用Ajax

    前言:

      这个故事要从我老大与客户谈需求开始说起。前几天,遇见一个逗比客户,不知道是听了哪个逗比程序员的临终遗言...让我们给他做一个手机端的Web应用出来,还说要使用MVC来做(不是App)。马币,客户振振有词地说道:用MVC做的东西,高端大气上档次....@#¥!!@.....说得我老大热血澎湃...“大哥,您不做销售,真的是浪费了您的口才啊!”我在旁边如是说道...好吧,老大也被说动了,还说把这个模块交给我处置...当时我一万只草泥马奔腾啊,,MVC??还好自己整过几次,小学了一把...老大偷偷告诉我说:“客户有个女儿很漂亮哦”,纳尼,顿时激情高涨.

      好吧,我思绪飘飞了,说说遇见的第一个问题就是,我要使用Ajax来完成很多功能啊,马币,怎么做。于是在奶妈(度娘)那里寻找答案,度娘告诉我,MVC里面可以使用Ajax。高兴了...切入主题,上代码:

      我先创建了一个MVC3.0的应用程序,Vs2010用着比较习惯。

      这是一个页面,无污染的,纯天然的

     1 <!DOCTYPE html>
     2 <html>
     3 <head>
     4     <script src="../../Scripts/jquery-1.4.4.js" type="text/javascript"></script>
     5     <script type="text/javascript">
     6         $(function () {
     7             $("#okJson").click(function () {
     8                 $.ajax({
     9                     url: "/Home/Index",
    10                     type: "POST",
    11                     dataType: "Json",
    12                     success: function (data) {
    13                         alert(data)
    14                     }
    15                 })
    16             })
    17         })
    18     </script>
    19 </head>
    20 <body>
    21     <div>
    22         <input type="button" id="okJson" value="弹弹弹" />
    23     </div>
    24 </body>
    25 </html>
    View Code

      这是后台的处理代码

    1     [HttpPost]
    2         public ActionResult Index(string aa)
    3         {
    4             string msg = "成功吧,有妹纸!";
    5             Response.ContentType = "text/plain";
    6             this.Response.Write(msg);
    7             return View();
    8         }    
    View Code

      一切OK,拍拍手,运行一下呢

      

      纳尼,怎么回事?我不是要这种效果啊!我的第一次啊,,妹纸没了....作为21世纪好男人,怎么能被这点挫折打倒呢,于是,我又打开度娘,这次有了,说是Response大哥最近肾虚,在MVC中不好用。。MVC中集成了一个小逗比:Json....果断草泥马奔腾.....好吧,我胡三汉又回来了

      后台代码换成这样

     1      [HttpPost]
     2         public ActionResult Index(string aa)
     3         {
     4             string msg = "成功吧,有妹纸!";
     5             Dictionary<string, string> dict = new Dictionary<string, string>();
     6             dict.Add("msg", msg);
     7             return Json(dict);
     8             //Response.ContentType = "text/plain";
     9             //this.Response.Write(msg);
    10             //return View();你们过时了
    11         }
    View Code

      运行一下,看效果

      成功!春天在哪里呀,春天在哪里。。思绪带着我飘飞到了很远很远的地方....

      感悟:每次遇见问题,都要想办法去解决,如果行动了,还愁没有收获吗?解决编程方面的问题用这种思维,那么,生活方面呢?

  • 相关阅读:
    windows查询占用端口的pid以及查询对应的进程名称
    [转]Android学习系列(29)App调试的几个命令实践
    [原]Android中接入微信客户端心得
    Robots.txt使用指南
    SqlHelper中使用事务
    QQ 影音,功能手札
    Access 2007数据库压缩和修复数据库功能
    dhl:PetShop里面的sqlHelper相关操作
    dhl:svn客户端学习TortoiseSVN的基本使用方法
    从 if else 到设计模式的转变
  • 原文地址:https://www.cnblogs.com/BlogtoSpring/p/3629094.html
Copyright © 2011-2022 走看看