Home/ Questions/Q 8529607
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T09:04:10+00:00

I want to pass label/value pair in Ajax .POST but cannot find any solution.

  • 0

I want to pass label/value pair in Ajax .POST but cannot find any solution. Ajax .POST normally send id/value pair but I cannot change my id and would like to send labels/value pair instead. I have provided partial form. Any help please.

        $.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>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Here is an example:

    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'}]

    Working Example.

    Hope this can give you some guideline.

    According to commnet

    AJAX part

    $.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');
    }
});

    Final shot

    $('#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);
});

    See the console output

    • 0