在MVC中如何愉快使用Ajax
前言:
这个故事要从我老大与客户谈需求开始说起。前几天,遇见一个逗比客户,不知道是听了哪个逗比程序员的临终遗言...让我们给他做一个手机端的Web应用出来,还说要使用MVC来做(不是App)。马币,客户振振有词地说道:用MVC做的东西,高端大气上档次....@#¥!!@.....说得我老大热血澎湃...“大哥,您不做销售,真的是浪费了您的口才啊!”我在旁边如是说道...好吧,老大也被说动了,还说把这个模块交给我处置...当时我一万只草泥马奔腾啊,,MVC??还好自己整过几次,小学了一把...老大偷偷告诉我说:“客户有个女儿很漂亮哦”,纳尼,顿时激情高涨.
好吧,我思绪飘飞了,说说遇见的第一个问题就是,我要使用Ajax来完成很多功能啊,马币,怎么做。于是在奶妈(度娘)那里寻找答案,度娘告诉我,MVC里面可以使用Ajax。高兴了...切入主题,上代码:
我先创建了一个MVC3.0的应用程序,Vs2010用着比较习惯。
这是一个页面,无污染的,纯天然的
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
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>
这是后台的处理代码
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
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 }
一切OK,拍拍手,运行一下呢
纳尼,怎么回事?我不是要这种效果啊!我的第一次啊,,妹纸没了....作为21世纪好男人,怎么能被这点挫折打倒呢,于是,我又打开度娘,这次有了,说是Response大哥最近肾虚,在MVC中不好用。。MVC中集成了一个小逗比:Json....果断草泥马奔腾.....好吧,我胡三汉又回来了
后台代码换成这样
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
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 }
运行一下,看效果
成功!春天在哪里呀,春天在哪里。。思绪带着我飘飞到了很远很远的地方....
感悟:每次遇见问题,都要想办法去解决,如果行动了,还愁没有收获吗?解决编程方面的问题用这种思维,那么,生活方面呢?