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