取元标签的唯一URL的jQuery(Fetch meta-tags from url only by

2019-06-25 15:51发布

现在很多的脚本Facebook的风格,从网址抓取数据,但所有这些工作只在jQuery和PHP的组合。 是否有可能只通过jQuery来提取网址?

我在这里找到了如何度日页的马塔标签:

$('meta[name=description]').attr("content");
$("meta[property=og:title]").attr("content", document.title);

但是,如何正确地插入jQuery.get()这个查询来获取文本值?

$.get('http://www.imdb.com/title/tt1375666/', function(data) {
  $('meta[name=adescription]').attr("content");
});

而如果最流行的网站使用OpenGraph我应该看看)jQuery.getJSON的方向(?

Answer 1:

使用从URL中检索到的HTML数据

$.get('http://www.guardian.co.uk/culture/2012/jun/21/jimmy-carr-apologises-error-tax', 
function(data) {
   $(data).find('meta[name=adescription]').attr("content");
});


Answer 2:

看起来这是因为中是不可能的跨源策略

有肯定与组合客户端和服务器端更改做它的方式。 相反,我一直在使用的作品以及一个简单的REST API得到一个URL的开放式图形数据的一个项目这个API。 GET https://opengraph.io/api/1.0/site/<URL encoded site URL> https://opengraph.io/

它已经为我工作作为一个客户端JavaScript唯一的解决办法。

[注:我对本产品或它的创作者没有任何关系。 我发现它通过在线研究和项目中使用它。]



Answer 3:

随着过滤器工作正常!

你可以试试。

$.get('http://www.guardian.co.uk/culture/2012/jun/21/jimmy-carr-apologises-error-tax', function(data) {
    $(data).filter('meta[name=adescription]').attr("content");
});   


Answer 4:

这是可能使用CORS任何地方 :

$.get("https://cors-anywhere.herokuapp.com/http://www.imdb.com/title/tt1375666/", function(data) {
    var meta = $(data).filter('meta[name="apple-itunes-app"]').attr("content");
    console.log(meta)
});

使用apple-itunes-app ,因为它是在IMDB实际meta标签。



文章来源: Fetch meta-tags from url only by jQuery