1.创建MVC4新项目,使用"Internet应用程序"模板。
2.添加CustomAjax控制器,具体代码如下。
public class CustomAjaxController : Controller { public ActionResult Index() { return View(); } public ActionResult PrivacyPolicy() { return PartialView(); } }
3.添加PrivacyPolicy分部视图
@section Scripts{ <script type="text/javascript" src="@Url.Content("~/scripts/AjaxDemo.js")"></script> } @Html.ActionLink("Show the privacy policy", "PrivacyPolicy", null, new {id="privacyLink"}) <div id="privacy"></div>
4.在Scripts目录中创建AjaxDemo.js文件。
$(document).ready(function () { $(‘#privacyLink‘).click(function (event) { event.preventDefault(); var url = $(this).attr(‘href‘); $(‘#privacy‘).load(url); }); });
load方法实际上创建了一个Ajax请求,异步调用此URL,并把响应插到DOM之中。
5.查看效果
时间: 2024-10-10 02:00:05