创建一个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 }
创建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>