使用 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
});