如何使用ajax調用onClick事件函數？

Question

這是一段有效的代碼，可以成功獲得Ajax響應，但是onclick無法正常工作，

     $.ajax({
            type:"POST",
            url:"http://localhost:3000/insert",
            data:data3,
            success:(data)=>
            {
                 let  table = '';
                 for(let i=0; i < data.length; i++)
                  {
                     table +=`<tr><td><a href="javascript:void(0)" 
                      onclick=myFun(${data[i].email})>Click</a></td></tr>`;                        
                  }
                   document.getElementById("users").innerHTML=table;
               },error: function(jqXHR, textStatus, err) {
                alert('text status '+textStatus+', err '+err)
                console.log("err")
            }
    })
})    '
const myFunc=()=>{
                 alert("working") 
                 }        

鑒於以下工作有效，

<a href="javascript:void(0)" onclick=myFun()>Click</a>

Answer 1

使用綁定到容器的委托事件處理程序：

html代碼：

<span id="users"></span>

JavaScript代碼：

document.getElementById("users").innerHTML=
'<a href="#" class="click-me">Click</a>';


document.querySelector('a.click-me').addEventListener('click', function(e) {
    e.preventDefault();
  console.log(11)
});

Answer 2

函數myFun（）{

    $.ajax({
        type: 'POST',
        url: 'file_product.php',
        data: "param1=" + param1,
        success: function(data) {

        }
    });

}

Answer 3

這個對我有用，

 let table = '<table>'; for(let i=0; i < 5; i++) { table +='<tr><td><a href="javascript:void(0)" onclick=myFun(' + i + ')>Click</a></td></tr>'; } table += '</table>'; document.getElementById("users").innerHTML= table; function myFun(){ console.log('my func'); } 

 <div id='users'></div>