javascript - 将 aspx 加载到 div : wrong path

Question

我有一个页面想要加载到 div 中。

我在 Trial.js 上被发现:

$('#mydiv').load('../Views/Employer/Tracking.aspx');

但 div 未加载。

我的问题是什么？

谢谢。

Answer 1

文件的路径将相对于您所在页面的当前路径，而不是相对于 javascript 文件。确保您的相对路径从那里定位，或使用绝对路径。

由于这是 MVC，因此您当前的“页面”可能是也可能不是页面，但从浏览器的 Angular 来看，您所在的任何“目录”都将用于确定路径。

例如，如果您当前的页面是:

http://example.com/Marketing/Home/Index

然后../Views/Employer/Tracking.aspx会认为您的目录是“Home”，并会尝试获取http://example.com/Marketing/Views/Employer/Tracking.aspx，它应该可以工作(编辑:这也不起作用，因为缺少“区域”)。但是，如果您当前的页面是

http://example.com/Marketing/Home/Index/34

那么它会认为“Index”是你的目录，相对路径将返回http://example.com/Marketing/Home/Index/Views/Employer/Tracking.aspx，即将不存在。

一种适用于全局的解决方案是将服务器端标记上的 URL 定义为 JavaScript 变量，然后在 js 文件中使用该变量。例如，在您的布局/母版页中，会将相对路径分配给全局变量，并且它始终会正确构建此 URL。

<script type="text/javascript">
    var _trackingUrl = "<%= Url.Content("~/Areas/Marketing/Views/Employer/Tracker.aspx") %>";
</script>