ASP.NET MVC Jquery提交Json数据

浏览数：21 / 时间：2015年06月09日

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; }
}