jQuery加载页面后获取URL方法

本文介绍了使用jQuery的`get()`方法加载页面后，如何获取被加载页面的URL的技巧。由于`get()`方法在加载页面的全局环境中执行被加载页面的JavaScript代码，直接获取URL会返回加载页面的URL。解决方法是在被加载页面中将URL存储到全局变量`window.loadedPageUrl`，然后在加载页面的回调函数中访问此变量获取目标页面的URL。此方法简单有效，但依赖于被加载页面能够执行JavaScript代码，且`$.get()`方法的加载方式。 如果您使用其他加载方法，可能需要调整策略。

巧妙获取jQuery get方法加载页面的URL

使用jQuery的get()方法加载页面后，直接在被加载页面中获取URL会返回加载页面的URL，而非目标页面的URL。本文提供一种有效解决方法。

问题根源在于：被加载页面的JavaScript代码在加载页面的全局环境中运行，因此获取到的URL是加载页面的URL。

解决方法的核心在于：在被加载页面中，将URL存储到全局变量中，以便加载页面的JavaScript代码可以访问。

以下代码示例展示了该方法：

$.get("target.html", function(data){
  var targetUrl = window.loadedPageUrl;
  // 使用 targetUrl
});

此方法确保加载页面可以访问被加载页面的URL。 需要注意的是，这种方法依赖于被加载页面能够执行JavaScript代码，并且$.get()方法使用类似html()方法的方式在加载页面的全局环境中执行被加载页面的脚本。 如果使用其他方法加载页面（例如$.ajax()并指定dataType: 'html'），则可能需要调整方法。

文中关于的知识介绍，希望对你的学习有所帮助！若是受益匪浅，那就动动鼠标收藏这篇《jQuery加载页面后获取URL方法》文章吧，也可关注golang学习网公众号了解相关技术文章。