亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

在 JavaScript 中從 json 文件中檢索 url

在 JavaScript 中從 json 文件中檢索 url

月關寶盒 2023-07-29 13:56:41
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          我有一個 JSON 文件,其中包含我當前的 XMLHttpRequest 檢索的 URL,但是當我單擊該鏈接時,我收到“Cannot GET /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();};如何制作可點擊的鏈接,將用戶帶到網址?                                                                                                                                                                              
查看完整描述

1 回答

?
30秒到達戰場

TA貢獻1828條經驗 獲得超6個贊

就像 Heretic Monkey 所說的那樣,將這一行中的“url”替換為“${item.webAddress}”:

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


查看完整回答
反對 回復 2023-07-29
  • 1 回答
  • 0 關注
  • 184 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號