使用jQuery形成Ajax請求

標籤：style   blog   io   ar   color   使用   sp   java   檔案   

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

 

使用jQuery形成Ajax請求