码迷,mamicode.com
首页 > Web开发 > 详细

MVC,jquery异步

时间:2015-11-15 18:57:37      阅读:117      评论:0      收藏:0      [点我收藏+]

标签:

创建一个Ajax控制器  

技术分享
 1 using System;
 2 using System.Collections.Generic;
 3 using System.Linq;
 4 using System.Web;
 5 using System.Web.Mvc;
 6 
 7 namespace MvcValidateDemo.Controllers
 8 {
 9     public class AjaxController : Controller
10     {
11         //
12         // GET: /Ajax/
13 
14         public ActionResult Index()
15         {
16             return View();
17         }
18         public ActionResult GetDate()
19         {
20             return Content(DateTime.Now.ToString());
21         }
22     }
23 
24 }
Ajax

创建Indx视图

技术分享
 1 @{
 2     Layout = null;
 3 }
 4 
 5 <!DOCTYPE html>
 6 
 7 <html>
 8 <head>
 9     <meta name="viewport" content="width=device-width" />
10     <title>Index</title>
11     <script src="~/Scripts/jquery-1.8.2.min.js"></script>
12     <script>
13         $(function () {
14             $("#btnJQ").click(function () {
15                 //从后台获取时间
16                 $.ajax(
17                     {
18                         url: "/Ajax/GetDate",
19                         type: "post",
20                         success: function (data) {
21                             alert(data);
22                         },
23                         data: "id=2&name=222"
24                     });
25 
26                 //get方式请求
27                 //$.get("Ajax/GetDate", {}, function (data) {
28                 //    alert(data);
29                 //});
30 
31 
32             });
33 
34         });
35     </script>
36 </head>
37 <body>
38     <div>
39         <input type="submit" id="btnJQ" value="获取服务器当前时间">
40     </div>
41 </body>
42 </html>
Index

 

MVC,jquery异步

标签:

原文地址:http://www.cnblogs.com/mylovemygirl/p/4966950.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!