0

我正在做跨域 GET 以获得这样的 cnn html:

$(function(){

var site = 'http://cnn.com';

$.get('proxy.php', { site:site }, function(data){

$(data).appendTo('#div');

}, 'html');

});

我得到了我需要的一切,除了 url 有时不是完整的 url,而是指向服务器上的某个路径,如下所示:

/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”等等。有时(使用其他代码变体)我没有收到任何错误,但它仍然不起作用。我想不通。

4

4 回答 4

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);
        }
    });
});
于 2013-01-25T14:39:35.523 回答
1

您可以简单地检查 url 是否是相对的。最简单的方法是检查它是否以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

如果您想要更通用的解决方案,可以使用站点上的 regexp 对象来确定前缀是否存在。

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);
于 2013-01-25T14:33:15.770 回答
0

这个小功能可以通用:

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)

于 2013-01-25T14:35:01.803 回答
0

演示

两者似乎都有效:

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;
于 2013-01-25T14:31:47.433 回答