Javascript 在MVC5中执行带有操作的ajax调用

我知道这是一个常见的问题，类似的问题被回答了很多次，但我没有找到在我的场景中解决它的方法

我正在使用DevExpress MVC组件。有一个树状视图，如下所示：

@Html.DevExpress().TreeView(settings =>
{
    settings.Name = "NavigationClientsList";
    settings.AllowSelectNode = true;
    Model.ForEach(_client =>
    {
        settings.Nodes.Add(node =>
        {
            node.Name = String.Format("{0}_client_{1}", settings.Name, _client.ClientID);
            node.Text = _client.ClientName;
        });
    });

    settings.ClientSideEvents.NodeClick = "OnTreeViewNodeClick";

    settings.PreRender = (source, e) =>
    {
        ASPxTreeView treeView = (ASPxTreeView)source;
        treeView.ExpandAll();
    };
}).GetHtml()

以及我的NodeClick事件：

function OnTreeViewNodeClick(s, e) {
    if (e.node.name.indexOf("_client_") > -1) {
        var tmpDivDescription = e.node.name.split("_");
        if (tmpDivDescription.length = 3) {
            var tmpID = tmpDivDescription[2];
            //alert(tmpID);
            //$("#testDisplay").text("ALGO");
            $.ajax({
                url: 'Home/Client/',//'@Url.Action("Client", "Home")',//'Home/Client/25',//'@Url.Action("Client", "Home")',
                data: { 'id': tmpID },
                dataType: "html",
                success: function (result) {
                    //alert('OK!')
                    $("#DataDisplay").html(result);
                },
                error: function (xhr) { alert('ERROR!' + xhr.responseText) }
            });
        }

    } else {

    }
}

我尝试了两种方法来执行Ajax调用

url:'Home/Client/'

和

url:'@url.Action（“Client”，“Home”）'

第一个按预期工作，但当尝试将第二个与UrlAction一起使用时，服务器会抱怨找不到资源：

贝施雷朋：HTTP 404。如果你是一个有着丰富经验的人，那么你就可以选择一个有着丰富经验的人。你是一个自由的人，你是一个自由的人，你是一个富有的人

AngeforderURL:/@URL.Action（“客户端”、“主页”）

如您所见，请求的URL添加了“/”。我不知道这是否是我问题的原因

对于我找到的所有主题和资源，它们都使用“普通”Url.Action格式

---

有什么想法吗？

您不能在外部js文件中使用Razor语法。相反，您必须使用以下两种方法之一

您尝试的静态解决方案，

'/Home/Client/'

将整个JavaScript移动到您的视图中（不推荐）

使用JavaScript变量存储URL并将其传递到外部文件：

<script type="text/javascript">
   var myPath = '@Url.Action("Client","Home")';
</script>

另一个类似的选项是使用html5数据属性。通常，如果ajax调用放置在事件中，我会选择以下选项，如

单击
：

<span data-url='@Url.Action("Client","Home")'>...</span>

---

你在使用区域吗？我有一个

AreaRegistration.RegisteralAreas（）在应用程序启动方法中，但我没有定义任何特殊的内容。我保留模板中的默认RegisterRoutes。NodeClick事件是否在外部文件中？如果是这样，razor语法将不可用，我的OnTreeViewNodeClick位于我从视图链接的单独js文件中。应该是cshtml视图中的JavaScript函数吗？如果您使用的是区域，您可能需要指定区域名称-例如
@Url.Action（“客户端”，“主页”，new{area=”“}）
或
'@Url.Action（“客户端”，“主页”，new{area=“yourrea”}）
@Mackan使用哪种方法更好，1或3？这取决于您的项目和偏好。对于可维护性、可伸缩性和与他人共享代码，使用带有路径的所有js变量视图似乎是最好的主意。但是如果它是一个较小的项目，并且符合您的偏好，那么直接在js文件中使用静态url就可以了。就我个人而言，我已经使用了这两种方法，以及一些其他方法（比如在数据属性中设置url等）。
<span data-url='@Url.Action("Client","Home")'>...</span>

$("span").click(function() {
    $.ajax({
        url: $(this).attr("data-url"), //or $(this).data("url")
        ....