javascript - 从 HTML 文件中删除元素？

Question

我尝试使用 localStorage ，为此，我将 json 文件发送到客户端，并使用该文件执行所有逻辑，但是，因为它显示在 html 中，我使用了这个技巧:

<script id="scr">
    var object = {value: {{ json_encode(temps) }} };
    localStorage.setItem("temps", JSON.stringify(object));
</script>
 ....
 some html
 ....
<script>
$( "#scr" ).remove();
</script>

json 被删除，但如果我执行“显示页面源代码”则不会，

那么如何隐藏 json 文件，同时只向服务器发出一个请求？

Answer 1

如果您试图确保用户看不到 JSON，则无法将其发送给用户并将其存储在 localStorage 中，而用户则无法访问它(如果他/她愿意的话)。

但为了确保它不会显示在 html 源中，您始终可以向服务器发送 AJAX 请求，服务器接收 JSON 并将其存储在 localStorage 中。这样它就不会出现在源代码中。

但正如我已经说过的，如果您想在客户端 JavaScript 中访问它，用户随时可以访问它(如果他们愿意)。因此，如果 JSON 数据敏感，不建议这样做。