您的位置:首页 > Web前端 > JQuery

ASP.NET MVC Jquery提交Json数据

2014-08-04 11:19 435 查看
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; }

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: