在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

  运行一下,看效果

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

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

原文地址:https://www.cnblogs.com/BlogtoSpring/p/3629094.html