当前位置:   article > 正文

ASP.NET MVC——返回Json格式的Ajax_aspnet mvc 后台获取ajax json

aspnet mvc 后台获取ajax json

简介:控制器方法返回Json格式的数据


一、控制器做的工作(Controller)

1.使用JSON格式必备的命名空间

using System.Web.Script.Serialization;

2.通过javascript序列化将对象转为Json字符串

  1. /// <summary>
  2. /// 根据班级名称获取学员对象(以JSON格式返回)
  3. /// </summary>
  4. /// <param name="className"></param>
  5. /// <returns></returns>
  6. public ActionResult GetStuList(string className)
  7. {
  8. //【1】调用模型处理业务
  9. List<Student> stuList = new StudentManager().GetStudentsByClass(className);
  10. //【2】JSON格式转换
  11. JavaScriptSerializer jss = new JavaScriptSerializer();
  12. string stringList = jss.Serialize(stuList);//将当前的List对象集合转换成字符串(JSON格式)
  13. //【3】返回JSON格式数据 来自Http的所有Get方式都能响应
  14. return Json(stringList, JsonRequestBehavior.AllowGet);
  15. }

二、视图做的工作(View)

1.引入Jquery脚本

 <script src="~/Scripts/jquery-1.7.1.min.js"></script>

2.注册查询按钮的单击事件

  1. <script type="text/javascript">
  2. $(function () {
  3. $("#submitQuery").click(function () {
  4. $("#stuList").empty();//清空以前的查询结果
  5. var cName = $("#className").val();//获取班级名称
  6. //根据班级名称提交查询
  7. $.post("/Student/GetStuList", { "className": cName }, function (data,status) {
  8. //获取返回的“对象集合”,并转换成jQuery能够识别的JSON格式
  9. var list = $.parseJSON(data);
  10. //alert(list);
  11. //遍历集合显示数据
  12. for (var i = 0; i < list.length; i++) {
  13. var li = "<li>" + list[i].StudentId + "&nbsp;"
  14. + list[i].StudentName + "&nbsp;"
  15. + list[i].Gender + "&nbsp;"
  16. + list[i].PhoneNumber + "&nbsp;"
  17. + list[i].StudentAddress + "&nbsp;"
  18. + "</li>";
  19. $("#stuList").append(li);//使用append方法追加li
  20. }
  21. });
  22. });
  23. });
  24. </script>

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/IT小白/article/detail/550308
推荐阅读
相关标签
  

闽ICP备14008679号