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; }
}
<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; }
}
相关文章推荐
- asp.net mvc用jquery向action提交json列表数据
- asp.net mvc jquery 提交json数据
- 使用Jquery提交Json格式的数据到Asp.net程序的另类做法
- asp.net mvc利用Json验证数据和导向页面,解决重复提交问题
- 使用jQuery向asp.net Mvc传递复杂json数据-ModelBinder篇
- 使用jQuery向asp.net Mvc传递复杂json数据-ModelBinder篇
- 使用Jquery提交Json格式的数据到Asp.net程序的另类做法.
- Jquery下Json数据的传递与解析(asp.net mvc与asp.net api下后台json接收方式的不同)
- Jquery下Json数据的传递与解析(asp.net mvc与asp.net api下后台json接收方式的不同)
- 使用jQuery向asp.net Mvc传递复杂json数据-ModelBinder篇
- ASP.NET MVC 2.0 与jQuery中的的JSON数据交互
- 如何使用jQuery向asp.net Mvc传递复杂json数据
- 如何使用jQuery向asp.net Mvc传递复杂json数据
- Jquery下Json数据的传递与解析(asp.net mvc与asp.net api下后台json接收方式的不同)
- 如何使用jQuery向asp.net Mvc传递复杂json数据
- 使用jQuery向asp.net Mvc传递复杂json数据-ModelBinder篇
- 如何使用jQuery向asp.net Mvc传递复杂json数据-ModelBinder篇
- 如何使用jQuery向asp.net Mvc传递复杂json数据-Filter篇
- asp.net中使用jQuery调用WebService返回JSON数据
- ASP.NET MVC上传文件成功返回Json格式数据弹出下载框解决方案