javascript - 我可以覆盖 吗？

Question

我有一个包含数据的 div。我希望当用户点击 div 时，它会被文件的内容覆盖并且原始内容 (hello) 消失，这可能吗？示例代码如下:

<a href="#"><div class="test">hello</div></a>

<script type="text/javascript">
    $('.test').load('/new_file.php {cookieId:"<? echo $cookieId; ?>"});
    </script>

所以 <div> with class test 是一个链接，单击它时它会被文件 new_file.php 的内容覆盖

我的逻辑是正确的还是需要重做？

如果这是可能的，那么 <a> 会是什么？ onclick 命令触发它？

Answer 1

您要做的是向您的 div 添加一个点击处理程序，然后在点击处理程序中通过 XHR 抓取一些新鲜的 HTML。

然后只需使用来自 XHR 的 responseText 设置 textContent。

div.addEventListener('click', updateContent);

function updateContent() {
  var xhr = new XMLHttpRequest();
  xhr.addEventListener('load', overwriteContent);
  xhr.open('GET', '/new_file.php');
  xhr.send();

  function overWriteContent() {
    div.textContent = this.responseText;
  }
}