MVC,jquery异步

创建一个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
原文地址:https://www.cnblogs.com/qinsilandiao/p/4966950.html