Javascript 富AJAX用户界面中的数据表示

我最近开始涉足AjaxyUIS，很快就遇到了一个问题。假设您有一个包含一组行的表，并且希望在服务器上镜像客户端操作。例如，在服务器端，您可以这样做

print('<table>')
for(item in data)
    print('<tr>')
    print('<td>')
    print(item)
    print('</td>')
    print('<td>')
    print('<a href="delete?item=' + item + '">Delete</a>')
    print('</td>')
    print('</tr>')
print('</table>')

打印（“”）
用于（数据中的项目）
打印（“”）
打印（“”）
打印（项目）
打印（“”）
打印（“”）
打印（“”）
打印（“”）
打印（“”）
打印（“”）

---

在javascript中，可以通过在构建表时构建类似的链接来实现，可能是

javascript:deleteItem（item）

。但是，如果您可以使用元数据显式地标记一行，该行保存其项目名称，并从单击的链接的上下文中找出该项目，该怎么办？允许此功能，但这肯定不是实现此功能的唯一/最佳方式？

最新版本的jQuery也支持此功能。这将是我的建议

如前所述，您可以使用HTML5自定义数据属性，您可以执行以下操作：

<div class="deleteButton" data-id="SOME_UNIQUE_IDENTIFIER">DELETE</div>

$('.deleteButton').click(function() {
    // through $(this).attr('data-id') you can
    // get that unique identifier you previously set
    // and do something with it
}