jquery - jQuery和AJAX仅发送值的第一行

Question

我遇到了有关JQUERY和AJAX的问题。我将首先发布我的代码，

AJAX:

 $('#edittable').live('click', function() {
        $.ajax({
            url: URL,
            data: $(this).serialize(),
            type: "POST",
            success: function(html){

                $("#edit1").html(html).dialog("open")

             });
            },

            }
        });
        return false;
    });
  });

HTML:

<form id="edittable">
    <div style="height: 250px; overflow: scroll; width: 100%;">
        <table id="normal">
            <g:each in="${result}">
                <tr id="btn">
                    <td width=10%>
                        ${it.ID}
                    </td>
                    <td width=25%>
                        <span id="user">
                            ${it.username}
                        </span>
                        <input type="hidden" name="editusers" id="editusers"
                                value="${it.username}" readonly>
                    </td>
                </tr>
            </g:each>
        </table>
    </div>
</form>

我在这里想要做的是，从表表单(edittable)中检索隐藏的输入，并将其发送回我的 Controller 。这是可行的，我的 Controller 将其检索到。但是，它仅接收第一行值，即使我单击其他行，它仍会接收第一行值。任何人都知道如何解决此问题？谢谢你们。

Answer 1

我不知道grails，所以我只是在猜测:

<input type="hidden" name="editusers${it.ID}" value="{it.username}" readonly>`

您还需要使表中的其他ID唯一。也许您首先不需要在 <tr>和 <span>元素中使用ID。