$_POST of ajax appended inputs field always returns empty value

Question

Iam using ajax method for fetching data from a page users.php and the results from this page are set as html inside a div in parent page list-users.php

The users.php returns the html like below

<table width="100%" border="0">
  <tr>
    <td>John<input name="user_id[]" type="hidden" value="1" /></td>
  </tr>
  <tr>
    <td>Sam<input name="user_id[]" type="hidden" value="2" /></td>
  </tr>
</table>

These values are put inside a div using $("#userlists").html(); in list-users.php

<form method="post">
<div id="userlists">
<table width="100%" border="0">
  <tr>
    <td>John<input name="user_id[]" type="hidden" value="1" /></td>
  </tr>
  <tr>
    <td>Sam<input name="user_id[]" type="hidden" value="2" /></td>
  </tr>
</table>
</div>
<input type="submit" name="submit_users" value="Save" />
</form>

When I submit the form, the user_id[] always returns empty. I don't know what the error is. Is it possible to get the values of user_id[] while submitting form?

<?php
if(isset($_POST['submit_users']))
{
 print_r($_POST['user_id']);
//this returns empty data always
}
?>

var value='{"slno":"'+number+'","empcode":"'+code+'"}';
    jQuery.ajax({       
        type: 'POST',
        url: 'inc/users.php',
        data: 'values='+value,
        cache: false,
        success: function(html){
            if(html)
            {               
                $("#userlists").html(html);
            }
            else
            {
                $("#userlists").html("Error Occured.");
            }
        }
    });

How do you handling the submit? Via ajax or you are reading $_POST array? — mitkosoft, Feb 19 '16 at 09:46
@Anoop i tried your code and get this result "Array ( [0] => 1 [1] => 2 )" at print_r — julianstark999, Feb 19 '16 at 09:59
Ajax is working fine for me. The problem is when i try to submit the form, the values inside the text box returns empty — Anoop, Feb 19 '16 at 10:00
I wonder how the button is still there after doing `$("#userlists").html(html);` !! — php-dev, Feb 19 '16 at 10:02
May be this help http://stackoverflow.com/questions/8318428/submit-form-fields-inside-displaynone-element — Artemiy StagnantIce Alexeew, Feb 19 '16 at 10:13
Try changing data: `'values='+value` to data: `{'values':value}` It is an AJAX-post and you should catch $_POST['values'] in inc/users.php — isnisn, Feb 19 '16 at 10:13
Yes.$_POST['submit_users'] is working and the text boxes in the parent page returns values. Poblem Only with the ajax appended html — Anoop, Feb 19 '16 at 10:14
@isnisn this wouldn't help because the varaible "$_POST['user_id']" is empty — julianstark999, Feb 19 '16 at 10:14
@Anoop so print_r returns "Array ( [0] => 1 [1] => 2 )" or "Array ( [0] => [1] => )" — julianstark999, Feb 19 '16 at 10:16
Have you tried changning `"` then $_POST['user_id'][0] would be 1 — isnisn, Feb 19 '16 at 10:17
Input must be in array because there may be different number of inputs each time@isnish — Anoop, Feb 19 '16 at 10:19
Your table of user-list is visible? If not, read this: http://stackoverflow.com/questions/8318428/submit-form-fields-inside-displaynone-element — Artemiy StagnantIce Alexeew, Feb 19 '16 at 10:23
this code working fine for me results : Array ( [0] => 1 [1] => 2 ) You submit form with ajax or normal form submit ? — Vadivel S, Feb 19 '16 at 10:39

Believe It or Not · Answer 1 · 2016-02-19T10:12:31.643

Try with this ajax request.

var value='{"slno":"'+number+'","empcode":"'+code+'"}';
    jQuery.ajax({       
        type: 'POST',
        url: 'inc/users.php',
        cache: false,
        data: { "values" : value },
        dataType: "html"
        success: function(html){
            if(html)
            {               
                $("#userlists").html(html);
            }
            else
            {
                $("#userlists").html("Error Occured.");
            }
        }
    });

Your ajax response is html, so you need to add dataType: "html"

Also put all html in one line like this.

<table width="100%" border="0"><tr><td>John<input name="user_id[]" type="hidden" value="1" /></td></tr><tr><td>Sam<input name="user_id[]" type="hidden" value="2" /></td></tr></table>

And mention Action in form tag too. May be this would be the problem.

The ajax request is not his problem. '$_POST['user_id']' is empty before the ajax request starts — julianstark999, Feb 19 '16 at 10:06

score 0 · Answer 2 · answered Feb 19 '16 at 10:24

I think you are not treating user_id[] as multidimensional arrays. When you read the post you are missing out on the key. It works when i try this:

$user_ids = $_POST['user_id'];

foreach( $user_ids as $key => $n ) {
  echo "The user_id is ".$n.".PHP_EOL;
}

$_POST of ajax appended inputs field always returns empty value

2 Answers2