创建一个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
时间： 2024-08-08 22:06:54