如何在我的 asp.net mvc 视图中使用 js 文件

Question

我是 MVC 的新手，我了解到最好将 javascript 与视图尽可能分开。我正在尝试这样做，例如我创建了一个不同的 javascript 文件来创建一个网格，但是调用它的最佳方法是什么？

我现在这样做：

function createDynamicGrid(gridId, source, column) {   
    chartId.kendoGrid({
        dataSource: {
            data: source,
        },
        height: 350,
        scrollable: true,
        sortable: true,
        filterable: true,
        columns: column
    });
}

我在我看来是这样使用它的：

 <script src="@Url.Content("~/Scripts/CreateGrid.js")"></script> 

这是我的html：

 <div id="grid" style="height:200px"></div>

在我看来，我进行了 ajax 调用，我得到了结果并将其传递给这个 js 文件以返回一个网格。现在我的问题是，这是正确的方法吗？或者我应该以不同的方式调用这个 js 文件：

$.ajax({
    dataType: "json",
    type: "POST",
    url: "@Url.Action("dataForGrid","Dashbrd")",
    contentType: "application/json; charset=utf-8",
    success: function (result) {
        var clmns = [
            { field: "TurbineName", title: "Turbine" },
            { field: "ProductionValue", title: "Production" },
            { field: "WindSpeed", title: "Wind Speed" },
        ];
        //Create Dynamic grid
        createDynamicGrid($("#gridProAvail"), result.rsltGridPro, clmns);
    }
});

Answer 1

是的，这很好，你总是可以使用 AJAX 来访问你的 JS 函数，因为它们只是驻留在不同文件中的一些函数，只要它们不是太紧，在单独的 JS 文件中调用函数就没有问题耦合。

但是，您需要进行一些检查，如果出现错误，您会做什么，如果没有提供数据，您将如何在外部脚本中调用该函数。