JavaScript 可以用来加载另一个页面的元数据内容吗？

发布于 2024-12-28 09:16:26 字数 373 浏览 2 评论 0原文

在我的网站上，所有页面的中都有一个作者：

<meta name="Author" content="Mark Brown" />

我想创建一个链接页面，并在每个链接旁边使用 jQuery 调用该页面的作者元数据内容值。

我尝试了这个，但没有成功：

.load( '{URLHERE}' + $('meta[name=Author]').attr('content') )

抱歉，我是 JS 新手。我似乎 .load() 只能获取 body 标记内的内容？是这样吗？我有什么想法怎么做吗？

原文

On my website all the pages have an author in the <head>:

<meta name="Author" content="Mark Brown" />

I want to create a page of links and next to each call that page's Author metadata content value with jQuery.

I tried this and it didn't work:

.load( '{URLHERE}' + $('meta[name=Author]').attr('content') )

Sorry I'm a JS Newbie. I seems that .load() only gets content inside the body tag? Is that right? Any ideas how I'd do this?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

〆凄凉。 2025-01-04 09:16:27

.load 将内容加载到目标元素中，这似乎是您不想要的。您想使用 .get

$.get(url, function() {
    var author = $('meta[name=Author]').attr('content');
    // do what you need with author
})

编辑：在指出此代码从当前页面而不是所需的页面获取数据后，我尝试了这样的操作：

$.get(url, function(result) {
    var author = $(result).find('meta[name=Author]').attr('content');
});

但事实证明，即使结果有元标记，查找不会返回任何内容。尝试查找 div $(result).find('div') 效果很好。一种可能性是将结果附加到 dom 元素并查询：

$.get(url, function(result) {
    var dom = $('<div></div>').html(result);
    var author = dom.find('meta[name=Author]').attr('content');
});

它可以工作，但速度非常慢。我建议使用服务器端方法来检索这些数据。如果您有 X 个链接，客户端解决方案将发出 X 个请求，这可能是一种浪费。

.load loads the content into the destination element, which you seem not to want. You want to use .get

$.get(url, function() {
    var author = $('meta[name=Author]').attr('content');
    // do what you need with author
})

Edit: after being pointed out that this code fetches data from the current page and not the desired one, I tried something like this:

$.get(url, function(result) {
    var author = $(result).find('meta[name=Author]').attr('content');
});

but it turns out that, even though result has a meta tag, the find doesn't return anything. Trying to find a div $(result).find('div') works fine though. A possibility is appending the result to a dom element and querying:

$.get(url, function(result) {
    var dom = $('<div></div>').html(result);
    var author = dom.find('meta[name=Author]').attr('content');
});

It works but it's deadly slow. I would recommend a server side approach to retrieve these data. A client side solution would make X requests if you have X links, that's probably a waste.

回复收藏 0 原文

凉栀 2025-01-04 09:16:27

您可以分两个阶段使用 load 事件：

$("#your-target").load("{URLHERE} meta[name='Author']", function(response, status, xhr){
    var $meta = $("meta", this);

    $(this).text($meta.attr("content"));

    $meta.remove();
});

这将首先将 meta 标记加载到您的目标中，然后使用 complete 回调，可以获取Author属性的值。

You can use the load event in two stages:

$("#your-target").load("{URLHERE} meta[name='Author']", function(response, status, xhr){
    var $meta = $("meta", this);

    $(this).text($meta.attr("content"));

    $meta.remove();
});

This will first load the meta tag into your destination and by using the complete callback, you can get the value of the Author attribute.

回复收藏 0 原文