如何将数据传递给在本地加载 html 的 webview答案

【问题标题】：How to pass data to a webview that loads html locally如何将数据传递给在本地加载 html 的 webview
【发布时间】：2022-12-04 21:52:17
【问题描述】：

我有一个在本地加载 html 的 webview 应用程序，我想更新现有数据

<div id="sport">
<div class="case" id="jarak">
<a tabindex="-1"> Sport Channel </a>
  <div id="hide">
    <div class="scroll-area">
      <ul>
          <li class="scroll-nav">
          <img onclick="location.href='http://xxx'; " tabindex="2"  src="http://xxx" alt="xxx" class="squareBig"></img>
        </li>
<li class="scroll-nav">
          <img onclick="location.href='http://xxx'; " tabindex="2"  src="http://xxx" alt="xxx" class="squareBig"></img>
        </li>
       </ul>
     </div>
   </div>
 </div>
</div>

你看到一个 flexbox，我会定期更新它的 img url 和 [li] 标签中的链接，有什么想法吗？

谢谢：）

现在我完全在线使用 webview load html 但我希望我的 webview 只是在线更改我的 html 上的一些 url，我希望答案与 json 相关。

【问题讨论】：

标签： javascript html json webview

【解决方案1】：

您可以采用的一种方法是使用 JSON 将 img url 和链接的数据存储在 [li] 标记中。然后，您可以使用 JavaScript 使用 JSON 文件中的数据更新 HTML 元素。

例如，您可以创建具有以下结构的 JSON 文件：

{
"imgUrl": "http://xxx",
"link": "http://xxx"
}

Then, in your HTML, you can use JavaScript to retrieve the data from the JSON file and update the img and a elements with the corresponding data:

<script>
  // Retrieve data from JSON file
  var data = getDataFromJSON();

  // Update img and a elements with data from JSON
  var imgElement = document.getElementById("imgElementId");
  imgElement.src = data.imgUrl;
  imgElement.alt = data.imgUrl;

  var linkElement = document.getElementById("linkElementId");
  linkElement.href = data.link;
</script>

这样，您可以更新 [li] 标记中的 img url 和链接，而无需从 Web 加载整个 HTML 文件。您只需使用新数据更新 JSON 文件，HTML 元素就会自动更新。

【讨论】：