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