C#：MVC返回JSON数据，并在VIEW视图显示

有时候，前端与后台交互中，需要控制器向视图返回JSON对象，示例代码如下：

//控制器代码
public JsonResult json() {
    var dog= new { Id = 1, Name = "tom",Age=5 };
    return Json(dog);
}

//视图代码，通过jquer加载控制器返回的Json对象
$.ajax({
    url:'url',
    type:'post', 
    success:function(data){
        var dog=$.parseJson(data);
        console.log(dog.Name);
    }
});

上述代码中，ajax方法的type参数一定要设置成“post”，也就是说控制器只能接受post请示，否则会出现“此请求已被阻止，因为当用在 GET 请求中时，会将敏感信息透漏给第三方网站。若要允许 GET 请求，请将 JsonRequestBehavior 设置为 AllowGet。”的出错提示，无法返回正确的值。如果想要接受“get”请示，可以在生成JsonResult对象时，将其JsonRequestBehavior属性设置为JsonRequestBehavior.AllowGet，代码如下：

//控制器代码
public JsonResult json() {
    var dog= new { Id = 1, Name = "tom",Age=5 };
    return Json(dog,System.Web.Mvc.JsonRequestBehavior.AllowGet);
}

//视图代码，通过jquer加载控制器返回的Json对象
$.ajax({
    url:'url',
    type:'get', 
    success:function(data){
        var dog=$.parseJson(data);
        console.log(dog.Name);
    }
});

如果想将自定义的Model对象以Json格式返回，可以通过System.Web.Script.Serialization.JavaScriptSerializer来进行转化，代码如下：

//Model代码
public class Dog{
    public int id {get; set;}
    public string Name {get; set;}
    public int Age {get; set;}
}

//Controller代码
public JsonResult json() {
    Dog dog=new dog { Id = 1, Name = "tom", Age=5 };
    JavaScriptSerializer jss = new JavaScriptSerializer();
    string dogStr = jss.Serialize(dog);
    return Json(dogStr,JsonRequestBehavior.AllowGet);
}