0

我想在 Ajax .POST 中传递标签/值对，但找不到任何解决方案。Ajax .POST 通常会发送 id/值对，但我无法更改我的 id，而是想发送标签/值对。我提供了部分表格。请提供任何帮助。

        $.ajax({
            url:"allfields.php",
            type:"POST",
    //      dataType:"json",
            data: $("#frmRequest").serialize(),
            success: function(msg){
                alert("Form Submitted: "+ msg);
                return msg;

              },
             error: function() {
            alert('Error occured');
             }
        });

<body>
     <form id="frmRequest" name="frmRequest" >

                <div class="clearfix" id="idRequestDetails"  >
                    <table width="809" border="0" id="tbl_data_1_1_1_1__" summary="Profile">
                      <tr>
                        <th width="156" scope="col"><label class="labelrequest" for="txtProfileName1__">Name</label>
                        </th>
                        <th width="74" scope="col"><label class="labelrequest" for="txtProfileUserID1__">User ID</label></th>
                        <th width="131" scope="col"><label class="labelrequest" for="txtSiteCost1__">Site Cost Centre</label></th>
                         <th width="182" scope="col"><label class="labelrequest" for="txtDetail1__">Additional Details</label></th>
                      </tr>
                      <tr>
                        <td><input type="text" name="txtProfileName1__" id="txtProfileName1__" tabindex="100" /></td>
                        <td><input name="txtProfileUserID1__" type="text" class="clearfix" id="txtProfileUserID1__" tabindex="110" size="8" /></td>
                        <td><input name="txtSiteCost1__" type="text" id="txtSiteCost1__" tabindex="220" size="8" /></td>

                        <td><textarea name="txtDetail1__" rows="1" id="txtDetail1__" tabindex="240"></textarea></td>
                      </tr>
                    </table>
                  </div>
        </body>
4

1 回答 1

4

这是一个例子：

HTML

<form>
    <label>Label1</label><input type="text" value="1">
    <label>Label2</label><input type="text" value="some">
</form>

jQuery

var dataToServer = [];
$('form label').each(function() {
    dataToServer.push({
        label: $(this).text(),
        value: $(this).next().val()        
    });
});

console.log(data);
// output
// [ {label: 'Label1', value: '1'}, {label: 'Label2', value: 'some'}]

工作示例。

希望这可以给你一些指导。

根据commnet

AJAX 部分

$.ajax({
    url: "allfields.php",
    type: "POST",
    dataType:"json",
    data: dataToServer,   // send above data here
    success: function(msg) {
        alert("Form Submitted: " + msg);
        return msg;
    },
    error: function() {
        alert('Error occured');
    }
});

最后一枪

$('#submit').on('click', function() {
    var dataToServer = [];
    $('#frmRequest label').each(function(i, el) {
        var temp= {},
            label = $(this).text(),
            value = $('#' + $(this).attr('for')).val();
        temp[label] = value;
        dataToServer.push(temp);
    });
    console.log(dataToServer);
});

查看控制台输出

于 2012-09-13T21:40:54.457 回答