使用 ajax 调用更改网址

Question

我正在做跨域GET来获取CNN html，如下所示：

$(function(){
var site = 'http://cnn.com';
$.get('proxy.php', { site:site }, function(data){
$(data).appendTo('#div');
}, 'html');
});

我得到了我需要的一切，除了网址有时不是完整的网址，而是指向那里服务器上的某个路径，如下所示：

/2013/01/24/business/samsung-record-fourth-quarter-2012-profits/index.html?hpt=hp_t3

所以问题是，如果有人点击我网站上的链接，网址将如下所示：

http://MY-WEBSITE/2013/01/24/business/samsung-record-fourth-quarter-2012-profits/index.html?hpt=hp_t3

如何摆脱插入自己的 url 并将其替换为"cnn.com"？我尝试了jquery拆分和替换，但它不起作用：

href = $(this).prop('href');
url = href.split('/');          
href.replace(url[2], 'cnn.com');

我通常会在控制台中收到错误"未定义拆分"，当我修复它时，错误会移动到"url 未定义"等等。有时（使用其他代码变体）我没有收到任何错误，但它仍然不起作用。我想不通。

Answer 1

看看你的代码，我假设你使用的是jQuery。

出现此问题是因为 cnn.com 上的源代码似乎正在使用相对链接。您可以使用以下 jQuery 在开头插入 cnn.com

$(function() {
    $('a').each(function() {
        if ($(this).attr('href').indexOf('http') === 0) {
            $(this).attr('href', 'http://www.cnn.com' + this.href);
        }
    });
});

Answer 2

您可以简单地检查网址是否相对。 最简单的方法是检查它是否以 http:// 开头。

var url = $(this).prop('href');
if (!(/^http/).test(url)) 
{
    url = site + url; // prepend "http://cnn.com" to the address
}
alert(url); // url is now a full url

如果你想要一个更通用的解决方案，你可以使用网站上的正则表达式对象来确定前缀是否存在。

var site = "http://cnn.com";
var siteRegex = new RegExp("^" + site); // Regex - Starts with site
var url = $(this).prop('href');
if (!siteRegex.test(url))
{
   url = site + url;
}
alert(url);

Answer 3

这个小函数可以用于一般用途：

function RelativeToAbsoluteURL(root, url) {
    var httpMatch = /https?:///ig;
    if (!httpMatch.test(url)) {
        return root + (url.substr(0, 1) != "/" ? "/" + url : url);
    } else {
        return url;
    }
}

用：

RelativeToAbsoluteURL("http://www.cnn.com", "http://www.cnn.com/2013/01/24/business/samsung-record-fourth-quarter-2012-profits/index.html?hpt=hp_t3");
RelativeToAbsoluteURL("http://www.cnn.com", "/2013/01/24/business/samsung-record-fourth-quarter-2012-profits/index.html?hpt=hp_t3");

两者都将输出相同的 URL （ http://www.cnn.com/2013/01/24/business/samsung-record-fourth-quarter-2012-profits/index.html?hpt=hp_t3 ）

Answer 4

演示

这两种方法似乎都有效：

var href = $(this).attr('href');
var url = (href.indexOf("/")===0) ? "http://...."+href:href;

可能的替代方案 - 这将从 href 返回完全限定的 URL

var href = this.href; // actual href and not the property
var url =(href.indexOf(location.hostname)===7) ? href.replace(location.hostname,"www.cnn.com"):href;

使用道具

var href = $(this).prop('href');
var url = (href.indexOf("/")===0) ? "http://...."+href:href;