Представление данных в богатых пользовательских интерфейсах AJAX

Question

Недавно я начал работать в пользовательских интерфейсах AJAXy и быстро столкнулся с проблемой. Предположим, что у вас есть таблица с набором строк, и вы хотите зеркалировать действия на стороне клиента на сервере. Так, например, на стороне сервера вы могли бы это сделать.

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 metadata позволяет эту функциональность, но, конечно, это не единственный/лучший способ ее достижения?

Answer 1

Последняя версия jQuery также поддерживает html5 data attribute. Это была бы моя рекомендация.

Answer 2

Как уже сказал, что вы можете использовать атрибуты пользовательских данных 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 
}