豊富なAJAXユーザーインターフェイスのデータ表現

Question

最近、AJAXy UIでダブリングを開始してすぐに問題に遭遇しました。たとえば、一連の行を含む表があり、クライアント側のアクションをサーバー上でミラーリングしたいとします。たとえば、サーバー側でこれを行うことができます。多分javascript:deleteItem(item)、テーブルを構築するときに同様のリンクを構築することによって達成することができ、JavaScriptで

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

。しかし、項目名を保持しているメタデータを行に明示的にタグ付けし、クリックしたリンクのコンテキストから項目を見つけ出すことができればどうでしょうか？ JQuery metadataはこの機能を可能にしますが、確かにこれを達成する唯一の方法ではありませんか？

Answer 1

最新のjQueryもhtml5 data attributeをサポートしています。これは私のお勧めです。

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

し、Deleteボタンのクリックを管理するために、次のように一般的な機能を使用します：

Answer 2

としては、すでにあなたがHTML5のカスタムデータ属性を使用することができ、あなたのような何かができると述べた

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