在MVC中如何愉快使用Ajax

浏览数：19 / 时间：2015年06月09日

前言：

　　这个故事要从我老大与客户谈需求开始说起。前几天，遇见一个逗比客户，不知道是听了哪个逗比程序员的临终遗言...让我们给他做一个手机端的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         }