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

它对我有用，

＆＃13;

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');
}

＆＃13;

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

＆＃13;

如何使用ajax调用函数onClick事件？

3 个答案: