源码参考：链接：http://pan.baidu.com/s/1pKhHHMj 密码：mkr4
1:新建-->项目-->Web-->ASP.NET MVC 4 Web 应用程序。命名为：Mvc4JQueryAjaxDemo
2：新建控制器：在Controllers文件夹上 右键-->添加-->控制器，命名为：HomeController (HomeController .cs)
3：在控制器HomeController中新增Action： GetDate()
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc; namespace Mvc4JQueryAjaxDemo.Controllers
{
public class HomeController : Controller
{
//
// GET: /Home/ public ActionResult Index()
{
return View();
} public ActionResult GetDate()
{
return Content(DateTime.Now.ToString());
} }
}
HomeController.cs
4:新建视图：在HomeController Action：Index上 右键-->添加视图 命名：Index(默认和Action名称一致) (Index.cshtml)
5：在视图Index中添加以下代码，使用 微软提供的Ajax请求脚本，如下所示：
5.1：添加 jquery-1.8.2.min.js 的引用
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
<script src="~/Scripts/jquery-1.8.2.min.js"></script>
<script>
$(function () {
$("#btnJQ").click(function () {
$.ajax({
url: "/Home/GetDate",
type: "POST",
success: function (data) { alert(data); },
data:"id=111&name=222" // test data
});
//another ajax post
$.post("/Home/GetDate", "", function (data) { alert(data); });
});
});
</script>
</head>
<body>
<div>
<h1>MVC 4 JQuery Ajax Demo</h1>
<input type="button" id="btnJQ" name="btnJQ" value="GetServerDate" />
</div>
</body>
</html>
Index.cshtml
6:编译，运行页面 默认是/Home/Index
6.1:点击 GetServerDate button 出现如下页面