ASP.NET MVC Jquery提交Json数据

来源:互联网 发布:苹果必备软件排行 编辑:程序博客网 时间:2024/05/21 17:59
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; }
}
0 0
原创粉丝点击