时间戳

首页 > 解决方案 > 如何从 jQuery 中的引用页面获取 URL

javascript - 如何从 jQuery 中的引用页面获取 URL

问题描述

我需要通过 jQuery 从我的引用页面获取 URL。URL<a>位于 HTML 中如下所示的元素内：

<a href="http://localhost/sr19repairables/vehicles/repairables/2011-chrysler-town-country-touring-minivan-4d/" title="2011 Chrysler Town &amp; Country Touring Minivan 4D">

引用页面上有多个<a>元素，我需要从所有元素中获取 URL 并将它们放入一个数组中。有什么帮助吗？

我的第二页上有一个按钮，上面附有这个 jQuery：

$(document).ready(function(){
    $(".single_vehicle_previous_button").click(function(){
        var referrer = document.referrer;
            if (document.referrer == "http://localhost/sr19repairables/vehicles/rebuilt-vehicles") {
                alert(value=referrer);
            };
            if (document.referrer == "http://localhost/sr19repairables/vehicles/repairables/") {
                alert(value=referrer);
            };
            if (document.referrer == "http://localhost/sr19repairables/vehicles/") {
                alert(value=referrer);
            };
    });
});

因此，如果我的引荐页面是这三个页面之一，我希望它能够获取这些页面上的锚点中的 URL。该警报仅用于测试目的。这有助于澄清事情吗？

标签： javascriptjquerywordpressurl

解决方案

如果您已经知道它在同一个站点上（因为您已经检查了 url），那么您应该不会遇到通过 ajax 加载随机页面的常见问题。

您可以使用$.ajax获取页面，然后使用 jquery 来解析返回的 html：

$.ajax(document.referrer)
    .done(function(html) { 
        var urls = $("<div/>").html(html)
                     .find("a")
                     .map(function(i, e) { return $(this).attr("href"); }
    });

推荐阅读