Question

我知道这是一个常见的问题，很多时候已经回答了类似的问题，但我找不到在我的场景中修复它的方法。

我正在使用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的第二个时，服务器抱怨无法找到资源：

Beschreibung：HTTP 404. Die gesuchte Ressource oder eineihrerAhhängigkeitenwurdemöglicherweiseenfernt，umbenannt oderistvorübergehendnichtverfügbar。 ÜberprüfenSiefolgende URL，and stellen Sie sicher，dass sie richtig geschrieben wurde。

Angeforderter网址：/ @ Url.Action（“客户”，“主页”）

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

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

有什么想法吗？

Answer 1

您无法在外部js文件中使用Razor语法。相反，你必须使用......

您尝试过的静态解决方案'/Home/Client/'
将整个JavaScript移至您的视图（不推荐）

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

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

在外部JavaScript文件中：

$.ajax({
    url: myPath;
    ....

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

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

外部JavaScript文件：

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

在MVC5中使用Action执行ajax调用

1 个答案: