gpt4 book ai didi

javascript - 从 json 获取标题标签

转载 作者:行者123 更新时间:2023-12-03 08:29:25 25 4
gpt4 key购买 nike

我需要在我的index.html中插入一个标题标签,它从json中提取标题。我已经有图片和链接。

  <a class="my-blog" id="post2" href="#">
<div >
//title goes here
</div>
and that's my javascript




function loadBlogWidget() {
$.get("http://blog.lawgeex.com/wp-json/posts").done(function (cResult) {

for (var i = 0; i < cResult.length; i++) {
var cPost = cResult[i];
var strLink = cPost.link;
var strImageSrc=cPost.featured_image.attachment_meta.sizes.thumbnail.url;
$("#post" + i).attr("href", strLink);
$("#post" + i).css("background-image", "url(" + strImageSrc + ")");


}

最佳答案

我看到了 json 响应,它给出了一个帖子列表。我不太确定问题是否是(1)如何更改显示帖子列表的 html 的标题,或者(2)如何更改用户导航到的 html 的标题。

就 1 而言,我认为这是您的问题,您可以使用 document.title = cPost.title,但是,正如我所提到的,响应是一个列表,因此我我假设您希望标题是第一篇文章的标题或其他内容。

<html>
<body>
<a class="my-blog" id="post2" href="#">
<div >
//title goes here
</div>
</a>
</body>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>
function loadBlogWidget() {
$.get("http://blog.lawgeex.com/wp-json/posts").done(function (cResult) {
var title_changed = false;
for (var i = 0; i < cResult.length; i++) {
var cPost = cResult[i];
var strLink = cPost.link;
var strImageSrc=cPost.featured_image.attachment_meta.sizes.thumbnail.url;
$("#post" + i).attr("href", strLink);
$("#post" + i).css("background-image", "url(" + strImageSrc + ")");
if(!title_changed){
document.title = cPost.title;
title_changed = true;
}
}
});
}
loadBlogWidget();
</script>
</html>

但是,请注意,这是一个坏主意,因为爬网程序将无法正确索引页面,因为它无法遵循动态标题更改。也许,您可以做的是拥有一个默认标题,您希望爬虫跟踪该标题,并且仅为了用户的可见性而更改此动态标题。

关于javascript - 从 json 获取标题标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33410021/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com