AJAX提交表格某一行内容

Question

ajaxjquery表单提交

Answer 1

思路：找到点击.post按钮所在行tr，找到本行tr里的a和b，就可以实现提交指定行的数据了$(".post").click(function){
var tr = $(this).parents("tr");
var a = $("input name['a']",tr).val();
var b = $("input name['b']",tr).val();
……
}

Answer 2

<script>
$(function() {
  $('.post').click(function() {
    var url = $(this).attr('href');
    var data = {};
    $(this).parents("tr").find(':text').each(function() {
      data[$(this).attr('name')] = $(this).val();
    });
    $.post(url, data, function(d) { alert(d) });
    return false;
  })
});
</script>
<table id='tbl'>
<tr>
 <td><input type=text name=a></td>
 <td><input type=text name=b></td>
 <td><a href='?id=1' class='post'>点我发送</a></td>
</tr>
<tr>
 <td><input type=text name=a></td>
 <td><input type=text name=b></td>
 <td><a href='?id=2' class='post'>点我发送</a></td>
</tr>
</table>把你的需求扩展了一下：给连接加了参数。这样服务端就可准确的知道提交的是哪一行的数据了
收集文本框的值时使用了遍历，所以文本框个数不受限制