从JavaScript中的json文件中检索url

Question

我有一个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();
};

如何制作一个可点击的链接，将用户带到网址？

Answer 1

就像异端猴子说的那样，替换"url"；用"$｛item.webAddress｝"；这一行：

<li><a href="url" class="w3-text-blue">${item.webAddress}</a></li>