MVC $.getJSON 第一次在母版页上工作，然后在后续加载时停止调用 url

Question

我设置了一个 MVC 母版页，它使用 AJAX 模板和 JSON 加载动态菜单 - JSON 通过以下调用返回：

var tabList = []; //这在回调中保存了 json 数据

var getTabs = function () {
    $.getJSON('Home/TabList', null, function (json) {
        Sys.Observer.clear(tabList); 
        Sys.Observer.addRange(tabList, json); 
    });
}

if (tabList == '') { getTabs(); }

所以这调用了我的 HomeController 上的一个函数来返回 JSON：

   public JsonResult  TabList()
    {
            //get tabs
            ... //call code to get tabs - removed for ease of reading this question
            JsonResult jsonTabs = Json(tabItems);

            jsonTabs.JsonRequestBehavior = JsonRequestBehavior.AllowGet;

            return jsonTabs;
        }
        catch (Exception ex)
        { throw ex; }

    }

这在以下模板中使用： 绑定：

id="tabTemplate" sys:attach="dataview" class="sys-template grid_16 topnav" dataview:data="{{ tabList }}"

使用锚标记创建菜单项：

sys:href="{{ '/' + Controller + '/' + Action + '/'}}" target="_top"

使用 JSON 对象中的属性填充菜单文本：

{{Text}}

然后我将此母版页附加到 2 个不同的 MVC页面（“索引”和“关于”，以及 global.asax 将我带到“索引”）

因此，当我第一次进入页面时，这非常有效，并且菜单绘制正确，但是当我单击“关于”菜单时在上述模板中生成的带有“主页/关于”链接的项目将停止工作。发生的情况是，javascript 被正确调用（即它调用“getTabs”函数并通过 getJSON 调用），但它实际上并没有击中我的控制器来获取 JSON（我在控制器操作上放置了一个断点，它是在这种情况下不会被击中）。

我完全不知所措，几天来一直在努力解决这个问题。任何帮助将不胜感激。

谢谢。

Answer 1

我认为这可能是因为您的 .getJSON 请求正在调用相对路径 Home/TabList 。

当您位于主页时，例如http://localhost/，.getJSON请求将调用http://localhost/Home/TabList code> 正如你所说，它有效。

但是，当您进入后续页面时，例如 http://localhost/Home/About，.getJSON 请求将调用 http://localhost/Home /About/Home/TabList 正如你所说，它不会工作:-)

无论如何，尝试调用绝对路径 /Home/TabList

例如

$.getJSON('/Home/TabList', null, function (json) {

注意：额外的正斜杠开始。

HTH，
查尔斯