使用 jQuery Ajax Call 釋出 JavaScript 物件

Ajax 呼叫,請求和檢索資料,以便讓使用者感受到更好的互動式使用者介面體驗。本文將向你展示如何使用 jQuery 並通過 Ajax 呼叫傳送資料。對於此示例,我們將把以下 JavaScript 物件 POST 到我們的伺服器。

var post = {
    title: " Posting JavaScript objects with jQuery Ajax Call",
    content: " Posting JavaScript objects with jQuery Ajax Call",
    tags: ["asp mvc", "jquery"]
};

伺服器端

伺服器端模型對應 javascript 物件。

public class Post
{
    public string Title { get; set; }
    public string Content { get; set; }
    public string[] Tags { get; set; }
}

我們需要做的就是建立一個標準的 ASP.NET MVC 控制器方法,它接受 Person 型別的單個引數,就像這樣。

public class PostController : BaseController
{
    public bool Create(Post model)
    {
        //Do somthing
    }
}

客戶端

要傳送 JavaScript 物件,我們需要使用 JSON.stringify() 方法將物件傳送到 data 選項。

$.ajax({
    url: '@Url.Action("create", "Post")',
    type: "POST",
    contentType: "application/json",
    data: JSON.stringify({ model: post })
}).done(function(result){
    //do something
});