为了账号安全,请及时绑定邮箱和手机立即绑定

如何使用更新的JSON / API密钥数据链接图像并将其显示到HTML网页

如何使用更新的JSON / API密钥数据链接图像并将其显示到HTML网页

慕工程0101907 2021-05-12 13:14:52
在为一个有趣的项目工作时,我遇到了一些麻烦。现在,该项目的主要功能就是每天通过API密钥展示一条太空探索新闻。文字效果很好,但是我无法弄清楚每天如何放置在正确的图片中。我尝试使用XMLHttp请求以及使用字符串在外部显示数据来调用它。我觉得我缺少明显的东西。当前的JSon在这里,它是HDURL,我想在每次更新时不断调用它,以使查看器不会停留在一个图像上:{"copyright":"Devin Boggs","date":"2019-05-11","explanation":"The Milky Way doesn't look quite this colorful and bright to the eye, but a rocket launch does. So a separate deep exposure with a sensitive digital camera was used in this composite skyscape to bring out our galaxy's central crowded starfields and cosmic dust clouds. In the scene from Merritt Island National Wildlife Refuge, a nine minute long exposure begun about 20 minutes after the Miky Way image recorded a rocket launch and landing. The Falcon 9 rocket, named for the Millennium Falcon of Star Wars fame, appropriately launched a Dragon resupply ship to the International Space Station in the early morning hours of May the 4th. The plume and flare at the peak of the launch arc mark the rocket's first stage boost back burn. Two shorter diagonal streaks are the rocket engines bringing the Falcon 9 stage back to an offshore landing on autonomous drone ship Of course I Still Love You.","hdurl":"https://apod.nasa.gov/apod/image/1905/crs17spaceXboggs.jpg","media_type":"image","service_version":"v1","title":"Milky Way, Launch, and Landing","url":"https://apod.nasa.gov/apod/image/1905/crs17spaceXboggs1024.jpg"}JS在这里:var header = document.querySelector("header");    var image = document.querySelector("images");    var section = document.querySelector("info");    var div = document.querySelector("misc");    var requestURL = "https://api.nasa.gov/planetary/apod?api_key=yoCLrO1qrJoLzGQx3yNNL2OWgey7e7s7aTEGj5PK";    var request = new XMLHttpRequest();    request.open("GET", requestURL);    request.responseType = "json";    request.send();    request.onload = function() {      var loveSpace = request.response;      populateHeader(loveSpace);      showKnowledge(loveSpace);    }我的预期结果是显示所有数据,而不仅仅是文本信息。任何和所有的想法表示赞赏。谢谢您的帮助!
查看完整描述

1 回答

  • 1 回答
  • 0 关注
  • 122 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信