从 jQuery .load() 检索 URL

发布于 2024-11-15 11:29:53 字数 864 浏览 2 评论 0原文

我想在以下设置中检索 page2.html 的 URL（完整路径）：

page1.html
----------
<script type="text/javascript" src="js/jquery_1.6/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $("#content").load("page2.html");
    }
</script>
<div id='content'>
    <!-- this is where page2.html will be placed -->
</div>
----------

page2.html
----------
<script>alert(location.pathname)</script> //this should return the full path of page2.html, but now it returns page1.html
This is a line of content that will be loaded in page1.html
----------

我的问题是，每当我使用像 document.URL、window.location 或 location.pathname 这样的 url 检索器时，它都会返回 page1.html 的完整路径名。这可能是因为 page2.html 是在 page1.html 中加载的，即使我确实在 page2.html 中请求了 URL。

任何人都有解决方案，或者在使用 .load() 功能时这是不可避免的？

原文

I would like to retrieve the URL (full path) of page2.html in the following setting:

page1.html
----------
<script type="text/javascript" src="js/jquery_1.6/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $("#content").load("page2.html");
    }
</script>
<div id='content'>
    <!-- this is where page2.html will be placed -->
</div>
----------

page2.html
----------
<script>alert(location.pathname)</script> //this should return the full path of page2.html, but now it returns page1.html
This is a line of content that will be loaded in page1.html
----------

My problem is that whenever I use url retrievers like document.URL, window.location or location.pathname it returns the full pathname of page1.html. This is probably because page2.html is loaded within page1.html, even though I do request the URL in page2.html.

Anyone has a solution for this or is this inevitable while using the .load() functionality?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

酷到爆炸 2024-11-22 11:29:53

既然您想在页面加载后执行一些 JavaScript 来检测路径，为什么不直接使用回调来显示已有路径的值：

$(document).ready(function(){
    var path = "page2.html"
    $("#content").load(path, function() {
       alert(path);
    });
})

Since you want to execute some JavaScript to detect the path after the page is loaded, why not just use a callback to display the value of the path you already have:

$(document).ready(function(){
    var path = "page2.html"
    $("#content").load(path, function() {
       alert(path);
    });
})

回复收藏 0 原文

素染倾城色 2024-11-22 11:29:53

您可能需要在隐藏的 div 或 page2.html 上填充 URL（可能通过某种服务器端技术），或者您需要自己构建 page2.html 的完整路径（假设您已经知道 page1 的路径）。 html 和 page2.html 是相对的。

回复收藏 0 原文

冧九 2024-11-22 11:29:53

javascript 在加载发生后执行，因此警告 page1 是正确的行为。我能看到的唯一方法是将位置手动存储在第 2 页的 javascript var 中。

回复收藏 0 原文

短叹 2024-11-22 11:29:53

您的不会给您 page2.html 因为您只是加载 page2.html 的内容而不是页。我的意思是，如果您在 iframe 中加载 pag2.html，那么您将得到 page2.html。现在内容位于 page1.html 上，因此它会提醒您 page1.html

回复收藏 0 原文

红衣飘飘貌似仙 2024-11-22 11:29:53

我认为你不能借助 Javascript 来做到这一点。 使用load，您不是渲染页面，而是获取内容。

使用.load实际上是将数据从URL获取到元素。它使用 AJAX 调用来获取数据并将其转储到“#content”元素上，然后执行您的代码。

此时，URL 读取为 page1.html，而不是 page2.html。

回复收藏 0 原文

川水往事 2024-11-22 11:29:53

发生这种情况是因为动态加载的数据被插入到当前页面中。如果您确实需要每次都有正确的 URL，请使用 iframe：

<iframe src="page2.html" style="width:100%;height:300px" id="page2_frame">Error</iframe>

但是，如果使用此方法，iframe 中的数据将只有 300 像素高，如果内容较长，则会显示滚动条。
要访问 iframe 的内容，请使用 $("#page2_frame")[0].contentWindow，它将返回 iframe 的窗口对象。

广告@m

This happens because the data loaded dynamically is inserted into the current page. If you really need to have the correct URL every time, use an iframe:

<iframe src="page2.html" style="width:100%;height:300px" id="page2_frame">Error</iframe>

However, if you use this method, the data in the iframe will only be 300 pixels high and a scroll bar will be shown if the content is longer.
To access the content of the iframe, use $("#page2_frame")[0].contentWindow, which will return the window object for the iframe.

Ad@m

回复收藏 0 原文