如何解决从JavaScript中的json文件中检索网址
我有一个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>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。