`
sty2008boy
  • 浏览: 301538 次
  • 性别: Icon_minigender_1
  • 来自: 太原
社区版块
存档分类
最新评论

MVC3 获取JSON对象

 
阅读更多

1.建一个mvc3的项目,取名叫MVC3Test(事先安装mvc3 version:1.13.113.0)

2.修改About.cshtml,如下代码
About.cshtml
@{
    ViewBag.Title = "About Us";
}
<script type="text/javascript">
    $(function () {
        $.ajax({
            url: "/Home/GetSchools",
            type: "POST",
            contentType: "application/json; charset=utf-8",
            data: "{}",
            dataType: "json",
            success: function (data) {
                $("#sltSchool").empty();
                $("#sltSchool").html(data);
            },
            error: function ErrorCallback(XMLHttpRequest, textStatus, errorThrown) {
                alert(errorThrown + ":" + textStatus);
            }
        });
        // Get the departments depend on the school
        $("#sltSchool").change(function () {
            GetDepartments($("#sltSchool").val());
        });
    });

    function GetDepartments(sId) {
        $.ajax({
            url: "/Home/GetSecondCatalog",
            type: "POST",
            contentType: "application/json; charset=utf-8",
            data: "{schoolId:"+sId+"}",
            dataType: "json",
            success: function (data) {
                $('#sltDepartment').empty();
                $('#sltDepartment').html(data);
            },
            error: function ErrorCallback(XMLHttpRequest, textStatus, errorThrown) {
                alert(errorThrown + ":" + textStatus);
            }
        });
    }
</script>
<div>
    <h2>
        About</h2>
    <p>
        Put content here.
    </p>
    <div>
        <span>
            <label>
                School :
            </label>
            <select id="sltSchool">
                <option value="-1">select...</option>
            </select></span> <span style="margin-left: 50px">
                <label>
                    Department :</label>
                <select id="sltDepartment">
                    <option value="-1">select...</option>
                </select>
            </span>
    </div>
</div>
3.创建几个model
 (1) TestSchool.cs
TestSchool
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace MVC3Test.Models
{
    public class TestSchool
    {
        public int Id { get; set; }
        public string Name { get; set; }
    }
}
 (2) TestSchoolDepartment.cs
TestSchoolDepartment.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace MVC3Test.Models
{
    public class TestSchoolDepartment
    {
        public int Id { get; set; }
        public int SchoolId { get; set; }
        public string Name { get; set; }
    }
}
 (3) TestModels.cs
TestModels.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace MVC3Test.Models
{
    public class TestModels
    {
        public static List<TestSchool> GetAllSchools()
        {
            return new List<TestSchool>()
            {
                new TestSchool{Id=1,Name="ABC"},
                new TestSchool{Id=2,Name="DEF"},
                new TestSchool{Id=3,Name="HIJ"},
                new TestSchool{Id=4,Name="LMN"}
            };
        }

        public static List<TestSchoolDepartment> GetAllDepartment()
        {
            return new List<TestSchoolDepartment>()
            {
                new TestSchoolDepartment{Id=1,SchoolId=1,Name="ABC_D1"},
                new TestSchoolDepartment{Id=2,SchoolId=1,Name="ABC_D2"},
                new TestSchoolDepartment{Id=3,SchoolId=1,Name="ABC_D3"},
                new TestSchoolDepartment{Id=4,SchoolId=2,Name="DEF_D1"},
                new TestSchoolDepartment{Id=5,SchoolId=2,Name="DEF_D2"},
                new TestSchoolDepartment{Id=6,SchoolId=3,Name="HIJ_D1"},
                new TestSchoolDepartment{Id=7,SchoolId=3,Name="HIJ_D2"},
                new TestSchoolDepartment{Id=8,SchoolId=3,Name="HIJ_D3"},
                new TestSchoolDepartment{Id=9,SchoolId=3,Name="HIJ_D4"},
                new TestSchoolDepartment{Id=10,SchoolId=4,Name="LMN_D1"}
            };
        }
 public static List<TestSchoolDepartment> GetDepartmentBySchoolId(int schoolId)
        {
List<TestSchoolDepartment> testSchoolDepartment = new List<TestSchoolDepartment>();
foreach (TestSchoolDepartment department in GetAllDepartment())
            {
                if (department.SchoolId == schoolId)
                {
                    testSchoolDepartment.Add(department);
                }
            }
            return testSchoolDepartment;
        }
    }
}
4.由于About是在Home页面里的,所以它的controller应该在HomeController里,我们添加两个controller,如下:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using MVC3Test.Models;
using System.Text;

namespace MVC3Test.Controllers
{
    public class HomeController : Controller
    {
        public ActionResult Index()
        {
            ViewBag.Message = "Welcome to ASP.NET MVC!";

            return View();
        }

        public ActionResult About()
        {
            return View();
        }

        [HttpPost]
        public JsonResult GetSchools()
        {
            StringBuilder sb = new StringBuilder();
            sb.Append("<option value=\"-1\">select...</option>");
            foreach (var item in TestModels.GetAllSchools())
            {
sb.AppendFormat("<option value=\"{0}\">{1}</option>", item.Id, item.Name);
            }
            string result = sb.ToString();
            return this.Json(result, JsonRequestBehavior.AllowGet);
        }

        [HttpPost]
        public JsonResult GetSecondCatalog(int schoolId)
        {
            StringBuilder sb = new StringBuilder();
            sb.Append("<option value=\"-1\">select...</option>");
            foreach (var item in TestModels.GetDepartmentBySchoolId(schoolId))
            {
sb.AppendFormat("<option value=\"{0}\">{1}</option>", item.Id, item.Name);
            }
            string result = sb.ToString();
            return this.Json(result, JsonRequestBehavior.AllowGet);
        }
    }
}
 
分享到:
评论

相关推荐

    MVC3操作Json

    在这里,`[FromBody]`指定从请求正文获取数据,`dynamic`关键字允许我们不预先定义数据结构就能动态处理JSON对象。 **三、前端交互** 在前端,我们可以使用jQuery库来发起AJAX请求,与后端的JSON接口进行交互。...

    Mvc传递Json数据

    这里的`JsonResult`会将`data`对象序列化为Json格式,并允许客户端通过Ajax请求获取。 2. Ajax请求接收Json 前端使用jQuery或其他类似的库,可以通过Ajax发送异步请求,接收Json数据: ```javascript $.ajax({ ...

    Spring3 MVC Ajax with JSON

    **Spring3 MVC与Ajax结合使用JSON** 在现代Web开发中,Spring框架的MVC模块与Ajax和JSON的集成是创建动态、响应式用户界面的关键技术。这个"Spring3 MVC Ajax with JSON"项目提供了一个Eclipse工程,包含了实现这一...

    在jQuery和MVC中处理JSON对象

    本篇文章将探讨在jQuery和MVC中如何有效地处理JSON对象。 1. JSON对象的创建与解析: 在JavaScript中,你可以直接创建一个JSON对象,例如:`var obj = { name: "John", age: 30 }`。在jQuery中,可以使用`$.parse...

    JSONModel MVC demo

    当你从服务器获取JSON数据时,通常需要将这些数据解析为可操作的对象。JSONModel使得这个过程非常简单。只需定义一个Objective-C类,该类继承自JSONModel,并标注属性类型,然后就可以直接将JSON字符串转化为这个类...

    基于MVC4+EF5.0+Ajax+Json+CSS3的简单注册页面

    在MVC4中,可以使用JsonResult或Json.NET库来序列化对象为Json格式,方便客户端解析。 5. **CSS3**: CSS3增加了许多新特性,如选择器、边框和背景的高级控制、阴影和过渡效果、媒体查询等,使得设计更富有表现力。...

    MVC_JSON.zip

    在ASP.NET MVC中,JSON常用于实现异步请求,例如,控制器可以返回一个JsonResult对象,这个对象会被序列化成JSON格式并发送到客户端。这样,前端JavaScript可以通过AJAX请求获取到JSON数据,进而更新页面内容,实现...

    spring mvc json&&jackson jquery js

    Spring MVC中的`@ResponseBody`注解可以将方法的返回值直接转换为JSON格式发送到客户端,而`@RequestBody`则可以将请求体中的JSON数据解析成Java对象。 **Jackson** Jackson是Java中广泛使用的JSON库,它可以高效地...

    Spring mvc 接收json对象

    在本文的示例中,$.fn.serializeObject是一个jQuery插件函数,用于将表单数据转换为JSON对象。之后,通过$.ajax()方法以POST方式发送数据到服务器,并在成功回调函数中处理响应数据。 这里我们看到的POJO类User是一...

    C# MVC JOSN提交

    在这里,`[FromBody]`特性告诉MVC框架从请求体中读取JSON数据,并使用Newtonsoft.Json库尝试将其反序列化为`Person`对象。 在实际应用中,`JsonConvert.DeserializeObject&lt;T&gt;`方法是实现这一过程的关键。例如,如果...

    springmvc+json

    在Controller中,我们可以创建一个处理HTTP请求的方法,该方法将返回一个JSON对象。使用`@ResponseBody`注解指示Spring MVC将方法的返回值转换为JSON,并通过HTTP响应发送给客户端: ```java @Controller public ...

    spring mvc拦截器过滤json中的null值

    在`preHandle`方法中,我们可以读取请求体(request body),将其转换为JSON对象,然后遍历并替换null值为""(空字符串)。 ```java import org.springframework.web.servlet.HandlerInterceptor; import org....

    [MVC]bootstrap-table表格ajax获取json数据并分页

    在本文中,我们将深入探讨如何在ASP.NET MVC框架下,利用bootstrap-table插件通过AJAX方式获取JSON数据并实现分页功能。Bootstrap Table是一个轻量级、强大的前端组件,它提供了一种美观的方式来展示和操作表格数据...

    Spring mvc Json处理实现流程代码实例

    一种是通过`HttpServletRequest`的`getInputStream()`方法读取原始输入流,然后使用如Jackson库的`ObjectMapper`解析JSON数据到Java对象。例如: ```java @RequestMapping("/addbook2") @ResponseBody public ...

    spring-mvc序列化json动态擦除属性[参考].pdf

    在Spring MVC中,当需要将Java对象转换为JSON格式发送给客户端时,有时会遇到返回对象包含大量冗余属性的情况,这可能导致不必要的网络流量消耗。为了解决这个问题,我们可以实现一个动态擦除属性的机制,使得在序列...

    Java Json解析,Java Web Json解析,Java Web服务端获取Json数据,客户端通过HTTP获取Json数据

    例如,一个简单的JSON对象可能是这样的: ```json { "name": "张三", "age": 30, "isStudent": false } ``` 为了从JSON字符串创建Java对象,我们需要定义对应的Java类,并使用注解(如Jackson的@JsonProperty)...

    SpringMVC JSON格式的读取和显示

    Spring MVC作为Spring框架的一部分,提供了一种优雅的方式来处理JSON数据的读取和显示。本篇文章将深入探讨如何在Spring MVC中实现JSON格式的数据处理,包括JSON的解析、转换以及使用注解进行配置。 首先,让我们...

    spring mvc生成xml或json

    Spring MVC会自动使用Jackson库将`User`对象转换为JSON格式。 2. **生成XML** 对于XML,Spring默认使用JAXB(Java Architecture for XML Binding)库。首先,确保项目包含JAXB库,如果使用的是Java 6或更高版本,...

    spring-mvc序列化json动态擦除属性[参照].pdf

    在Spring MVC中,当需要将Java对象转换为JSON格式发送给客户端时,有时会遇到返回的JSON数据包含大量冗余信息的问题。为了优化网络传输,我们可以动态地擦除那些不必要的属性。以下是一种基于AOP(面向切面编程)的...

    struts2 json传输对象文档+jar包

    3. 创建Action方法:创建一个返回JSON对象的方法,例如`public Map, Object&gt; execute() { ... }`或`public MyCustomObject execute() { ... }`。 4. 设置返回值:在方法中填充Map或对象的属性,Struts2会自动将这些...

Global site tag (gtag.js) - Google Analytics