Ajaxa請求：參數、傳遞的數據、返回的數據

visual studio 2012+sqlserver 下載地址：

Visual Studio 2012

SqlServer 2008 R2 x64

-------------------------------------------------------------------------------

 

Chrome瀏覽器查看Ajaxa請求，查看最多的是：參數、傳遞的數據、返回的數據

按f12打開控制台！點擊Network選項，ajax的請求也在里面，點擊下面的出現的Ajax請求的路徑，你會發現右邊彈出來一個窗口，Headers，Perview，Response等等，其中Perview為參數，Response為返回的數據

Ajax：使用JavaScript對Web服務器異步請求，將結果動態更新到頁面，且整個過程中無刷新動作。

客戶端發啟Ajax的請求-》ASP.NET MVC生成內容-》客戶端將內容展示在頁面

注意：因為jQuery只有在DOM加載完成后才能操作DOM對象，所以將事件綁定和jQuery代碼都放在ready方法中，是最安全的做法。

<script type="text/javascript">
    $(document).ready(function () {
        $('#myButton').click(function () {
            alert('I was clicked!');
        });
    });
</script>

$(document).ready(function () {
    $('#privacyLink').click(function (event) {
        event.preventDefault();//阻止鏈接的默認行為，即跳轉到該鏈接href標簽屬性所指的頁面
        var url = $(this).attr('href');//提取href標簽屬性的值
        $('#privacy').load(url);//發啟Ajax請求。load方法實際上創建了一個Ajax請求，異步地調用此URL，並把響應插到DOM之中。
    });

    $('#commentForm').submit(function (event) {
        event.preventDefault();
        var data = $(this).serialize();//將表單序列化成字符串
        var url = $(this).attr('action');//得到表單form的action的屬性值

        //提交表單
        $.post(url, data, function (response) {
            $('#comments').append(response);
        });
    });
});

 

• {  

•     if (Request.IsAjaxRequest())  
•     {  
•         return PartialView();//瀏覽器啟用JavaScript，返回部分視圖，無刷新  
•     }  
•     return View();//禁用JavaScript，返回常規視圖且刷新頁面  
• }  

獲取URL的完整路徑：@Url.Action("AddComment")

<form method="post" id="commentForm" action="@Url.Action("AddComment")">
    @Html.TextArea("Comment",new{rows=5,cols=50})
    <br />
    <input type="submit" value="Add Comment" />
</form>