时间戳

首页 > 解决方案 > 当 axios response.data 放在 dom 上时，所有点击事件都消失了

javascript - 当 axios response.data 放在 dom 上时，所有点击事件都消失了

问题描述

document.getElementById('listCategorie').addEventListener('click', (e) => {
    axios.get('http://localhost:3001/file/categorieList', {})
    .then((response) => {
    document.body.innerHTML = '';
    document.body.innerHTML = response.data
})
})

我知道如果我使用$(document).on(event,..,..)它效果很好，但不明白为什么。我根本不喜欢使用 jquery，只喜欢 vanilla js。

我想要的是，当 axios 响应放入 DOM 时，所有事件都会继续工作......但它们会消失。

标签： javascriptaxios

解决方案

document.body.innerHTML = something || '';

是更换你的整个身体。因此，在 head 标签内添加您的“js 脚本”

<html>
  <head>
   <script>...</script> //like this
  </head>
<body>...</body>
</html>

或者

否则在特定元素中添加响应而不是正文

document.getElementById('listCategorie').addEventListener('click', (e) => {
    axios.get('http://localhost:3001/file/categorieList', {})
    .then((response) => {
    document.getElementById('app').innerHTML = '';
    document.getElementById('app').innerHTML = response.data
})
})

推荐阅读