MVC里使用JSON方法集锦

最新推荐文章于 2018-09-25 23:31:00 发布

weixin_33682790

最新推荐文章于 2018-09-25 23:31:00 发布

阅读量97

点赞数

文章标签： json 测试前端 ViewUI

本文介绍如何在ASP.NET中使用AJAX实现JSON数据的交互，包括无参数与带参数的方法，涵盖GET与POST请求，并展示了如何从前端获取及展示数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//一般处理，无参数示例
public JsonResult Test()
{
  Something...
  return Json{new{Success=true,Msg="Error!",...}};
  //return Json(new{Success=fals,Msg="ok",...},JsonRequestBehavior.AllowGet); //前台AJAX如果是GET用这句
}
//有参数示例
public JsonResult Test(string myname)
{
  Something...
  return Json{new{Success=true,Msg="Error!",...}};
  //return Json(new{Success=fals,Msg="ok",Name=myname...},JsonRequestBehavior.AllowGet); //前台AJAX如果是GET用这句
}
//前端处理代码Get方式：
 $("#btn").click(function () { 
   $.getJSON("/waste/wreg/Test", 
   function (data) 
   { 
    alert(data.Success+"\r\n"+data.Msg); 
   }); 
});
 //结果会显示：false和ok
//如果要传送参数Get方式写法如下：
$("#btn").click(function () {
  $.getJSON("/waste/wreg/Test",{myname:"james"},
  function (data) {
  alert(data.Name);
  });
});
//结果会显示：james
//post方式的json方式
 $("#btn").click(function () 
 {
  $.post("/waste/wreg/getjson", { username: "james" },
  function (data) 
  {
    alert(data.Email);
  });
});
/////////////////////////////////////////////////////////////////////////////////////////////////// 

//处理类 
public JsonResult Test3()
 {
   var result=new User{Name="wsw',Sex="man",Height="1.8"};
   return Json(result); 
  //return Json(result,JsonRequestBehavior.AllowGet); //前台AJAX如果是GET用这句 
 } 
//前端处理代码与上面的方式一样
////////////////////////////////////////////////////////////////////////////////////////////////
//处理List 
public JsonResult TestList()
 { 
  List<User> userList=new List<User> 
      {
        new User{Name="ab",Mobile="139"},
        new User{Name="cc",Mobile="138"} 
     };
  return Json(userList); 
  //return Json(userList,JsonRequestBehavior.AllowGet); //前台AJAX如果是GET用这句
 }
//前端处理方式Get如下：
$("#btn").click(function () {
  $.getJSON("/waste/wreg/getjson", { username: "james" },
  function (data) {
  var items = "";
  $.each(data, function (index, itemData) {
  items+="用户名是："+itemData.Name+" 手机是："+itemData.Mobile+"\r";
  });
  $("#RoleName").html(items);
 });
});