javascript - 在 ASP.NET MVC 4 中调用 JSON 文件

Question

我开始学习ASP.NET MVC 4，做了一些小东西...

在我的索引页面中，我想获取包含一些数据的 JSON 文件并将其显示在主页上。

在简单的 HTML,JavaScript 中，我使用 ajax 来 GET/POST JSON 数据

<script>
$.ajax({
     type : "GET",
     dataType : "json",
     url : "www.site.com",
     success: function(data){
           alert(data);
     }
});
</script>

我创建了MVC 4项目，我应该在哪里调用jQuery $.ajax命令来获取数据并显示它？

我必须在 View 中调用它吗？并使用 jQuery 语法？

我很乐意看到任何例子

Answer 1

您可以将它放在一个单独的 javascript 文件中，该文件可以从您的 View 中引用。例如:

<script type="text/javascript" src="~/scripts/myscript.js"></script>

并在脚本内部进行 AJAX 调用:

$.ajax({
    type : "GET",
    dataType : "json",
    url : "/SomeController/SomeAction",
    success: function(data) {
        alert(data);
    }
});

您正在调用的 Controller 操作显然应该返回 JsonResult:

public ActionResult SomeAction()
{
    var model = new
    {
        Foo = "Bar",
    }
    return Json(model, JsonRequestBehavior.AllowGet);
}

此 javascript 有待进一步改进。您可能会注意到 Controller 操作的硬编码 url:

url : "/SomeController/SomeAction",

这不好，因为您的 url 模式受路由控制，如果这些路由发生变化，您还必须修改您的 javascript。此外，如果您将应用程序部署在 IIS 的虚拟目录中，则此路径将不再考虑虚拟目录名称。

因此，始终建议使用 url 助手来生成 Controller 操作的 url。例如，您可以将其存储到 View 中的全局 javascript 变量中:

<script type="text/javascript">
    var myActionUrl = '@Url.Action("SomeAction", "SomeController")';
</script>
<script type="text/javascript" src="~/scripts/myscript.js"></script>

然后在您的 javascript 文件中使用此变量:

$.ajax({
    type : "GET",
    dataType : "json",
    url : myActionUrl,
    success: function(data) {
        alert(data);
    }
});