javascript - 从 JavaScript 中的 json 文件中检索 url
问题描述
我有一个 JSON 文件,其中包含我当前的 XMLHttpRequest 检索的 URL,但是当我单击该链接时,我得到“无法获取 /url”。JSON 包含如下公司信息:
{
"company": "Nike",
"webAddress": "https://www.nike.com/",
"accessories": "Yes",
"component": "No",
"clothing": "Yes",
"holiday": "No",
"insurance": "No",
"nutrition": "No",
"association": "No",
"location": "USA"
}
我像这样检索 JSON 文件:
function loadAllBrands(e) {
const xhr = new XMLHttpRequest();
xhr.open('GET', 'brands.json', true);
xhr.onload = function() {
if(this.status === 200) {
// console.log(this.responseText);
const customers = JSON.parse(this.responseText);
let output = '';
customers.forEach(function(item) {
output += `
<div class="w3-card-4 w3-white w3-large card-margin">
<ul>
<h2 class="card-title">${item.company}</h2>
<li><a href="url" class="w3-text-blue">${item.webAddress}</a></li>
<li>Location: ${item.location}</li>
<li>Accessories: ${item.accessories}</li>
<li>Components: ${item.component}</li>
<li>Clothing: ${item.clothing}</li>
<li>Holidays: ${item.holiday}</li>
<li>Insurance: ${item.insurance}</li>
<li>Nutrition: ${item.nutrition}</li>
<li>Association: ${item.association}</li>
</ul>
</div>
`;
})
document.getElementById('output').innerHTML = output;
}
}
xhr.send();
};
如何制作一个可点击的链接,将用户带到网址?
解决方案
就像异端猴子说的那样,在这一行中将“url”替换为“${item.webAddress}”:
<li><a href="url" class="w3-text-blue">${item.webAddress}</a></li>
推荐阅读
- java - Firestore:如何从外部 void onComplete 方法读取数据
- c# - 如何在 POST 而不是 PUT 请求上创建所需的属性
- mongodb - spring mongo 查询测试
- c - C程序一次读取一个字符,但从未达到EOF?
- javascript - AppLab“readRecords()”坏了
- .htaccess - https://www. 到 https:// 重定向不起作用
- javascript - 2012-2020 年的时刻数据是什么意思?
- python-3.x - 如何在 selenium、python 3 中重新定位/禁用 GeckoDriver 的日志文件?
- scrapy - scrapy 通过 urls'path 将数据导出到文件
- git - 从 Jenkinsfile 获取源存储库的详细信息