ASP.NET MVC Jquery提交Json数据

最新推荐文章于 2019-09-10 17:11:26 发布

转载最新推荐文章于 2019-09-10 17:11:26 发布 · 1k 阅读

asp.net mvc 专栏收录该内容

69 篇文章

订阅专栏

本文介绍如何利用jQuery将JSON数据从前端发送到ASP.NET MVC后端，并展示如何在后端接收和处理这些数据。通过实例演示了数据查询的成功与失败情况。

1、前台通过Jquery提交Json数据
<script type="text/javascript">
$(function () {
var queryJson = "{" +
"Id:'" + $("#hidId").val() + "'," +
"Name:'" + $("#txtName").val() + "'," +
"Status:'" + $("#selStatus").val()+ "'," +
"}";
$.ajax({
url: "/Home/GetAll",
type: 'post',
data: { "queryJson": queryJson },
dataType: "json",
traditional: true,
success: function (data) {
alert("数据查询成功！");
},
error: function (message) {
alert("请求查询数据失败！");
}
});
});
</script>
2、ASP.NET MVC 后台接收数据
namespace Demo.Web.MVC.Controllers
{
public class HomeController : Controller
{
/// <summary>
/// 获取全部信息
/// </summary>
/// <returns>返回Json数据</returns>
public JsonResult GetAll(string queryJson)
{
var serializer = new JavaScriptSerializer();
var queryModel = serializer.Deserialize<QueryModel>(queryJson);

return Json(queryModel);
}
}
}

public class QueryModel
{
public Guid Id { get; set; }

public string Name { get; set; }

public string Status { get; set; }
}