Question

我无法理解这一点。

我正在对servlet进行ajax调用。问题是，在显示的页面上，我可以有1-20个不同的按钮，需要调用相同的servlet。所以我有以下表格......

<form id="ajax-contact">
    <input type="text" value="${item.transactionId}" id="transactionId" name="transactionId"/><br>
    <input type="text" value="deliveryReceipt" id="action" name="action"/><br>
    <input type="text" value="${item.id}" id="id" name="id"/><br>
    <button type="submit" id="${item.id}" class="btn btn-primary" data-toggle="modal" data-target=".${item.id}">view delivery receipt</button>
</form>

在我的ajax中，我有这个...

$(function() {

    // Get the form.
    var form = $('#ajax-contact');

    // Get the messages div.
    var formMessages = $('#form-messages');
    // Set up an event listener for the contact form.
    $(form).submit(function(e) {
        // Stop the browser from submitting the form.
        e.preventDefault();

        // Serialize the form data.
        //var formData = $(form).serialize();
        var id = $("#id").val();
        var tranid = $("#transactionId").val();
        var action = $("#action").val();

        var dataFromForm = "trannsactionId="+tranid+"&action="+action+"&id="+id;
        alert(dataFromForm);
        alert(formData);
        // Submit the form using AJAX.
        $.ajax({
            url : "Controller",
            type: "GET",
            data : dataFromForm,
            dataType: "json",
        })
        .success(function(response) {
...

我正在尝试这样做，因此ajax调用将params用于表单中的特定信息集。我怎么能这样做？

谢谢！

更多细节：一旦这个页面显示，如果我有10个部分，那里有一个按钮。当我点击第一个视图交货收据按钮时，它工作正常。

如果我在列表中点击并点击第8个查看送达回执，则会对第一个表单进行ajax调用。

从具有动态ID的按钮获取ID

0 个答案: