Jquery Ajax POST not sending all data

Question

I'm trying to use AJAX to POST to a page and display the results but it's not sending all of the parameters.

function change_page(button){
    var parent_div = $(button.parentNode);
    var param = parent_div.attr("id");
    var page = this.value;
    var user = $("#user").val();
    var ip = $("#ip").val();
    $.ajax({
        url: "gui_info.php",
        type: 'POST',
        data: { param : page, "user" : user, "ip" : ip },
        dataType: "html",
        success: function(data){
            parent_div.html(data);
            alert(data);
        }
    }); 
}

On the php page it's sending to, I'm using print_r($_POST) to see which parameters are actually received. Only user and ip are succesfully being sent since the response is Array ( [user] => [ip] => ) whereas the param key/value aren't. I've checked the value of the the variables not being sent, they both exist. What am I doing wrong?

try consoling those "user" and "ip" variables before ajax. probably they are empty — Makrand, Feb 01 '14 at 02:44
@blurd it was the "this" which was causing the issue...thanks for spotting that — user2923125, Feb 01 '14 at 02:47

reergymerej · Answer 1 · 2014-02-01T03:15:38.683

6

You are not seeing the variable in the request because its value is undefined. Undefined values are not included in the jQuery POST.

For example, when sending data like this...

$.ajax({
  type: 'POST',
  data: {
    a: 1,
    b: undefined,
    c: false,
    d: null
  }
});

...these are the parameters passed in the XHR request:

a: 1
c: false
d:

edited Feb 01 '14 at 03:15

answered Feb 01 '14 at 02:52

reergymerej

2,371
2
26
32

score 0 · Answer 2 · answered Feb 01 '14 at 02:44

0

data: {
    page: param,
    url: url,
    ip: ip
}

answered Feb 01 '14 at 02:44

Stephen Corcoran

346
1
7

score 0 · Answer 3 · answered Feb 01 '14 at 02:46

All you have to do is this :

$.ajax({
    url: "gui_info.php",
    type: 'POST',
    data: { 
      param : page, 
      user : user, 
      ip : ip 
     },
    dataType: "json",   // pass json in there
    success: function(data){
        parent_div.html(data);
        alert(data);
    }
 });

score 0 · Answer 4 · answered Feb 01 '14 at 03:11

0

Try this,

page = $(button).val() //If "button" is an element

instead of

page = this.value

change "this" to your element for getting value

answered Feb 01 '14 at 03:11

Snehal S

865
4
13

Jquery Ajax POST not sending all data

4 Answers4