2

我<span>在表格单元格中有几个元素。对于每个跨度，当用户单击它时，我正在使用事件委托来触发 ajax 请求。（捕获事件的函数绑定到表格单元格）。

问题是 ajax 调用需要包含一个表行标识符，我不确定在哪里存储这个标识符，或者如何引用和使用它。

例如，假设表中的每一行代表一个 Person，那么当用户点击该行中的一个 span 时，ajax 调用需要包含 personId。

personId 是否应该是该行的类属性（例如<tr class='person-id-123'>...）？或者也许是一个id（例如<tr id='person-id-123'>...）？以及如何在捕获点击事件的函数中引用和使用它？

谢谢！

4

2 回答 2

2

使用HTML5 数据集属性

<tr data-person-id=123>

$(".tr-parent").on('click', 'tr', function () {
    //$(this).data('person-id') is also valid
    ajaxRequest(this.dataset.personId);
});
于 2013-03-02T00:08:12.580 回答
0

为此，您可以使用 ID，对任何内容进行分类，因为从 jquery 我们可以获得价值。但如果你使用 Data 属性会更好。

现在在这里为您的跨度

<span data-person-key="47" class="spanclass">
</span>

从 jquery 你可以得到这样的值。

$(document).on("click",".spanclass",function(){
  var personKey = $(this).data("person-key");
  $.ajax({
    url: "whatever you url is. if its asp.net then method of controller will be here.or may be php page",
    type: "POST",
    data: {Personid : personKey },
    success://whatever you want to code in success,
    error://whatever you want to code in error
  });
});
于 2013-03-02T00:59:52.547 回答