javascript - 如何将jquery中的迭代json对象传递给javascript函数

Question

在 Ajax 调用中动态填充 html 页面中的数据。

要求:填充后，如果我们单击按钮，它应该调用 JavaScript 函数以及所需的传递对象。在 JavaScript 中，我们需要使用 value.id、value.title、value.description 等访问数据......(预期结果)但我无法从函数参数中获取数据，我尝试使用 stringify、parse 方法，但没有。

请告诉我，如何在 JavaScript 函数中访问？

success : function(data) {
 var listData = null;
 $.each(data.documentsList,function(index, value) { 
   //some logic ----------(iam able to get value.id, value.title, value.description...)
   listData += '<button value="Update" onclick="updateDocument(\''+ value + '\')">Update</button>'
   //some logic ----------
  });//each loop end
 $('#list').html(listData);
 },//success end

function updateDocument(document) {
    console.log("updateDocument" + document);  //[object object]
    console.log(document.title); //undefined
}

Answer 1

我建议不要将事件处理程序作为字符串连接，而是连接到实际的按钮对象:

success : function(data) {
 $('#list').clear();
 $.each(data.documentsList,function(index, value) { 
   //some logic ----------(iam able to get value.id, value.title, value.description...)
   var button = $('<button type="button">Update</button>');
   button.on('click', function() {
       updateDocument(value);
   });
   $('#list').append(button);
   //some logic ----------
  });//each loop end
 },//success end

function updateDocument(document) {
    console.log("updateDocument" + document);  //[object object]
    console.log(document.title); //undefined
}