JSON对象没有得到通过功能

Question

我动态创建一个基于来自ajax调用的JSON响应的HTML表，如下所示。我想将可点击事件与某些行相关联，从而允许我对这些json对象执行一些后处理。但是，我无法通过函数调用传递json对象，因为它没有选择它。你能帮我在这里吗？如果我传递json对象的属性，我可以实现这一点，但我希望整个对象被传递。

 $.get(url, { param: ID}, 
      function(data){     

       $.each(data, function(index, product) {            
        $('<tr>').appendTo($body) 
        .append($('<td>').text(product.ID))   
        .append($('<td>').text(product.firstName))  
        .append($('<td>').text(product.lastName)) 
        .append($('<td>').text(product.email))   
        .append($('<td>') 
        .append($('<a href=\"javascript:deleteProduct(' + product.ID + ');\">') 
        .append($('<img src=\"/images/delete.png\">')))) 
        .append($('<td>') 
        .append($('<a href=\"javascript:editProduct(' + product + ');\">') 
        .append($('<img src=\"/images/edit.png\">')))); 

       }); 

我不能然而这里调用editProduct（产品）FUNC调用，deleteProduct（ID）的作品。

谢谢。

Answer 1

产品是您试图将其作为字符串放置的对象，这意味着该函数将如下所示：editProduct（Object [object]）或类似内容。

快速解决方法是在将字符串放入字符串之前使用类似字符串的方法。

但是更好的解决方案是删除内联js，在应用它们之前创建元素，使用.click（）函数设置功能，然后将它们附加到tr。