使用jQuery形成Ajax请求

浏览数：28 / 时间：2015年06月09日

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.查看效果

 

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class style 代码 java src 使用 html log 文件 class style 代码 java src 使用 html log 文件

相关文章

随机文章

您可能还喜欢

您可能还喜欢