从外部文件调用Ajax .load函数

Question

这对我来说是新的-我可能缺少基本的了解。

下面的代码在我的.cshtml文件中时可以完美地工作，但是在单独的.js文件中时不起作用：

var url = '@Url.Action("partialView", "controllerName")';
var parameterName = getParameter();

$("#partial_view").load(url, { parameter: parameterName },
    function (response, status, xhr) {
        if (status == "error") {
            errorCall();
        }
    });

我不能从单独的文件加载到html文档吗？ 我知道，这么简单的东西确实从.js文件的工作：

document.getElementById("pageSpot").innerHTML = "This changes."; 

谢谢！

Answer 1

cshtml文件由ASP.NET运行时进行编译，其结果将作为响应发送到客户端。

js文件是静态提供的，无需任何编译，因此客户端将按原样接收文本文件的内容。

这意味着您不能在js文件中使用Razor，因为需要C＃编译器对其进行编译，并且必须在特定上下文中执行才能具有含义。

您的脚本中在cshtml文件之外不可行的唯一部分是以下语句：

var url = '@Url.Action("partialView", "controllerName")';

您将需要

（a）硬编码URL值，例如var url = '/controllerName/partialView';

或（b）在视图中执行Url.Action方法并将结果存储在HTML中的某个位置，您的JavaScript可以从中检索它