Jquery not passing array via ajax

Question

I am trying to send javascript array to php via ajax, but it is not sending, here is my code

var ArrayAmounts = new Array();
ArrayAmounts["P1"] = "16150";

$.ajax({
    url:"myajax",
    cache:'false',
    type:'POST',
    data:{Arr:ArrayAmounts},
    success: function(data){
        console.log(data);
    },error: function(xhr, AjaxOptions, ThrownError){
        ShowMessage(xhr.responseText);
    }
});

but when I am making array like this:

 var ArrayAmounts = new Array();
 ArrayAmounts[0] = "16150";

it is passing the array, but I want the key as alphanumeric. please help.

its an array not an object if you assing to it index it will happen.i think you need object literals — zabusa
– zabusa, Commented Jan 4, 2018 at 9:47

Rohit Agrawal · Accepted Answer · 2018-01-04 09:53:41Z

5

So you don't need an array here, you'll need to use an object like this :

var Amounts = {};
Amounts["P1"] = "16150";

$.ajax({
    url:"myajax",
    cache:'false',
    type:'POST',
    data:{Arr: Amounts},
    success: function(data){
        console.log(data);
    },error: function(xhr, AjaxOptions, ThrownError){
        ShowMessage(xhr.responseText);
    }
});

edited Jan 4, 2018 at 9:53

Rohit Agrawal

1,52111 silver badges21 bronze badges

answered Jan 4, 2018 at 9:48

Serge K.

5,3231 gold badge22 silver badges27 bronze badges

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

2 Comments

Jeremy Thille Over a year ago

should be data : { Arr : Amounts }, not data : { Arr : ArrayAmounts }, or even simpler, data : Amounts, but yes, that's the way to go

Serge K. Over a year ago

@JeremyThille Done, Rohit did it.

axl-code · Accepted Answer · 2018-01-04 09:55:21Z

0

Your problem is related to the kind of data you are sending because as the documentation says:

"It is converted to a query string, if not already a string. It's appended to the url for GET-requests. Object must be Key/Value pairs. If value is an Array, jQuery serializes multiple values with same key based on the value of the traditional setting"

Official documentation for more details

answered Jan 4, 2018 at 9:55

axl-code

2,3241 gold badge17 silver badges25 bronze badges

Comments

Georges Nicolas · Accepted Answer · 2018-01-04 09:56:51Z

0

you can declare the array like this: var ArrayAmounts = new Array(); ArrayAmounts = ["16150"]; and then your ajax call work normally

answered Jan 4, 2018 at 9:56

Georges Nicolas

314 bronze badges

Comments

gamini2006 · Accepted Answer · 2018-01-04 09:57:38Z

0

Use like this

var ArrayAmounts = {};
ArrayAmounts.P1 = "16150";

var dataArray = {Arr: ArrayAmounts};

$.ajax({
  url:"myajax",
  cache:'false',
  type:'POST',
  data: dataArray ,
  success: function(data){
    console.log(data);
  },error: function(xhr, AjaxOptions, ThrownError){
    ShowMessage(xhr.responseText);
 });

answered Jan 4, 2018 at 9:57

gamini2006

2993 silver badges17 bronze badges

1 Comment

Niklesh Raut Over a year ago

same as Serge K. ans

Collectives™ on Stack Overflow

Jquery not passing array via ajax

4 Answers 4

2 Comments

Comments

Comments

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

1 Comment

Related