MVC 5 控制器返回 json 值以查看 - Javascript

在MVC 5控制器中使用Javascript返回JSON值非常常见。本文将介绍如何从MVC 5控制器中使用Javascript生成JSON值，并从客户端查看JSON值。

创建MVC 5控制器

首先，需要创建一个MVC 5控制器。在MVC 5应用程序中，控制器是MVC的核心组件之一。控制器处理从客户端发送到服务器的请求，并在返回响应时协调模型和视图。

创建一个新控制器的步骤：

1. 在Visual Studio中，打开Solution Explorer。
2. 找到您的MVC 5应用程序并展开控制器文件夹。
3. 右键单击文件夹并选择添加->控制器。
4. 在“添加控制器”对话框中，选择MVC 5控制器类。
5. 命名您的控制器，并单击“添加”。

添加JSON函数到控制器

然后，需要将JSON函数添加到控制器。 下面是一个返回JSON值的示例功能：

public JsonResult GetJSONData()
{
    var data = new
    {
        Name = "John",
        Age = 30,
        Address = "New York"
    };
    return Json(data, JsonRequestBehavior.AllowGet);
}

在上面的示例中，我们创建了一个JSON函数，返回一个包含名称、年龄和地址的匿名对象。然后，使用MVC 5的Json方法将该对象转换为JSON格式，并将MVC 5的JsonRequestBehavior属性设置为AllowGet。允许GET请求返回JSON格式的响应。

使用Javascript在客户端查看JSON值

最后，我们使用Javascript从客户端查看JSON值。 在笔记本电脑或桌面计算机上，您可以使用浏览器的控制台，来查看JSON值。在控制台中使用jQuery的ajax函数，从MVC 5控制器获取JSON数据。 下面是一个返回JSON值的示例代码：

$.ajax({
    url: "/MyController/GetJSONData",
    dataType: "json",
    success: function (data) {
        console.log(data);
    }
});

使用jQuery的ajax函数可以从服务器获取JSON数据。 在这个例子中，我们将控制器名称“ MyController”和函数名称“ GetJSONData”传递给url属性，然后将dataType属性设置为“ json”。

在回调函数中，我们使用console.log()方法将JSON数据输出到浏览器控制台中。此方法将JSON对象显示为树形结构，使其易于阅读。

总结

我们已经演示了如何从MVC 5控制器中使用Javascript生成JSON值，并从客户端查看JSON值。我们创建了一个JSON函数，并使用jQuery的ajax函数从浏览器获取JSON数据。如果您正在开发MVC 5应用程序，并且需要使用Javascript访问JSON数据，那么本指南将帮助您完成该任务。