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
– Makrand, Commented Feb 1, 2014 at 2:44
@blurd it was the "this" which was causing the issue...thanks for spotting that — user2923125
– user2923125, Commented Feb 1, 2014 at 2:47

reergymerej · Accepted Answer · 2014-02-01 03:15:38Z

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 1, 2014 at 3:15

answered Feb 1, 2014 at 2:52

reergymerej

2,4172 gold badges27 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Stephen Corcoran · Accepted Answer · 2014-02-01 02:44:12Z

0

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

answered Feb 1, 2014 at 2:44

Stephen Corcoran

3461 silver badge7 bronze badges

Comments

Makrand · Accepted Answer · 2014-02-01 02:46:40Z

0

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);
    }
 });

answered Feb 1, 2014 at 2:46

Makrand

5855 silver badges14 bronze badges

Comments

Snehal S · Accepted Answer · 2014-02-01 03:11:21Z

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 1, 2014 at 3:11

Snehal S

8654 silver badges13 bronze badges

Collectives™ on Stack Overflow

Jquery Ajax POST not sending all data

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related