Jquery .load() 在本地有效，但在服务器上无效

Question

我不太确定是什么导致了这里的问题。我正在尝试使用 .load() 函数将视图加载到 Jquery 对话框中。在我的本地机器上，一切正常，但在服务器上，最终创建的 URL 不正确，因为它将参数添加到 URL 两次。

这些链接是动态的，来自 @item.GrouperIDForLookip 来自的网络网格。

<div id="groupersDialog"></div>
<a id="GrouperField_@item.GrouperIDForLookup" class="grouper">Groupers</a>
...
<script>
    $(".grouper").on("click", function () {
        var id = $(this).attr("id").split("_")[1];
        $('#groupersDialog').dialog({
            autoOpen: true,
            width: 1000,
            height: 600,
            resizable: true,
            draggable: true,
            title: "Groupers",
            model: true,
            show: 'slide',
            closeText: 'x',
            dialogClass: 'alert',
            closeOnEscape: true,
            open: function () {
                //Load the Partial View Here using Controller and Action
                $('#groupersDialog').load('/Home/_Groupers/?GroupIDForLookup=' + id);
            },

            close: function () {
                $(this).dialog('close');
            }
        });
});
</script>

在我的本地机器上，一切正常，加载的 URL 正常。但是在服务器上，当运行时，最终创建的 URL 是 %2fHome%2f_Groupers%2f%3fGroupIDForLookup%3d2&GroupIDForLookup=2，它加倍了 GroupIDForLookup 给了我一个 GET 404（找不到页面）。

有没有人碰巧知道什么会导致这种情况发生？如果您需要更多代码，请告诉我。

Answer 1

请更新以下代码中加载函数中的URL。

<div id="groupersDialog"></div>
<a id="GrouperField_@item.GrouperIDForLookup" class="grouper">Groupers</a>
...
<script>
    $(".grouper").on("click", function () {
        var id = $(this).attr("id").split("_")[1];
        $('#groupersDialog').dialog({
            autoOpen: true,
            width: 1000,
            height: 600,
            resizable: true,
            draggable: true,
            title: "Groupers",
            model: true,
            show: 'slide',
            closeText: 'x',
            dialogClass: 'alert',
            closeOnEscape: true,
            open: function () {
                //Load the Partial View Here using Controller and Action
                $('#groupersDialog').load(
                '@URL.Action("_Groupers", "Home")?GroupIDForLookup' + id);
            },

            close: function () {
                $(this).dialog('close');
            }
        });
});
</script>

Jquery .load() 在本地有效，但在服务器上无效

Jquery .load() works locally but not on the server

javascript

jquery

jquery-ui-dialog