AJAX改变页面内容

Question

我已经使用 AJAX 成功地更改了网页的内容。我可以包含我的域中的另一个网页，但我遇到的问题是使超链接正常工作。如果超链接使用相对寻址，那么相对于我将其包含在内的页面将不起作用，因此我正在研究 php 来解析 html 标签，因为我在中读取它，

我正在使用以下 RegExp /href[\s] ?=[\s\"\']+(.*?)[\"\']/im 查找 href 数据，但想要一个关于如何为相对地址添加前缀的指针。

我想替换链接href="./test1/page1.html"
在页面http://foo.bar.com/folder1/info1/data.html with href="http://foo.bar.com/folder1/info1/./test1/page1.html"
那么如果我包含 /folder1 的页面内容http://foo./info1/data.html bar.com/folder2/faraway/another.html 嵌入页面上的链接将正常工作 我正在考虑使用 php preg_replace 函数来做到这一点，但很快就失败了。如果我找错了树，并且有更合适的工具或方法，有人可以指出我正确的方向吗;-)。也许这一切都可以用 Javascript 来实现？

Answer 1

如果您计划在页面上执行更多 JavaScript，则可以使用 JQuery。

function make_absolute(base_path){
    $("#embedded a").each(function(){
        this.attr("href",
                  base_path + this.attr("href")
                  );
    });
}

将“#embedded”替换为嵌入页面的 ID。

如果您不打算使用 javascript 来做其他事情，那么这几乎肯定是矫枉过正，但如果您打算制作一个闪亮的动态 ajaxy 页面，您可能会考虑一下。

奖金：
使用 JQuery 进行 ajax 页面加载：

$("#embedded").load(page_you_want_to_load)

Answer 2

进一步考虑 ABentSpoon 的响应，您的 jQuery 选择器可以搜索所有以斜线开头的锚标记。

$('#embedded a[@href^=/]').each(function() {
    $(this).attr('href', baseUrl + $(this).attr('href'));
});

有关 jQuery 选择器的更多帮助，请访问此处。

Answer 3

为什么不直接使用绝对路径呢？

Answer 4

你们确实帮助了我，非常感谢。我认为我需要的正则表达式是 /href[\s]?=[\s\"\']\./is 正如 ABentSpoon 指出的“如果它以斜线开头，那是绝对的 从其他站点读取页面是一个很好的练习。幸运的是，我可能希望执行此操作的任何页面都位于同一站点和同一服务器上。

对于大多数目的来说足够了”。不过，我想启用 Jeroen 评论说，仅使用绝对路径，这并不是一个真正的选择，因为该网站上有很多页面，而且每个页面都会根据从内部或外部访问的位置而获得不同的地址（DNS）。你给你的链接一个绝对路径，你把所有的链接都绑定到那个站点的DNS名称上，当你发现这个改变太频繁时，或者就此而言，部门觉得有必要改变他们的子目录名称时，这是一个问题。希望将这个功能设计得更灵活一些。

我肯定会阅读有关 jQuery 的内容，这看起来很有趣，但我还没有玩过……更多的学习内容即将到来；-)

再次感谢你们抽出时间。