Send associative array through ajax

Question

I was trying to send an associative array of warnings when a button is clicked. It will pass id and type of warning and trigger collect function which stores them into the array as key value pairs. Then I want to send it to another page. The problem is if it is simple array it will work when I call $_POST ['warn']; but if I change it to an associative array I will get error msg saying that warn is not defined. This is my JS code:

var warnings = [];
function collect(id,type){ warnings [id]  = type;}
$('#but1').click (function (){
  $.post ("url", {warn: warnings}function(r){alert (r);});
});

Is there a way to send the associative array as key value pairs using AJAX to my php page and get the array using $_POST?

You could use JSON.stringify(warnings) and then parse the JSON on your php page — spaniol6
– spaniol6, Commented Aug 30, 2016 at 20:56
You're using jQuery, so you're already doing it, the data will be parsed as www-urlencoded, you just have to access the correct keys in PHP — adeneo
– adeneo, Commented Aug 30, 2016 at 20:58
You're missing a comma between your data and your callback function in the $.post call, but that would have caused other issues, so I'm guessing that's a typo. — Heretic Monkey
– Heretic Monkey, Commented Aug 30, 2016 at 20:59
JavaScript does not have associative arrays. You should better not use an array, but a plain object. Initialise as warnings = {};. — trincot
– trincot, Commented Aug 30, 2016 at 21:01

Denis Priebe · Accepted Answer · 2016-08-30 21:43:42Z

0

Your warnings could be constructed like so in JavaScript:

var warnings = {

    warning1: {
        id: 1,
        type: 'info'
    },

    warning2: {
        id: 2,
        type: 'danger'
    }

}

Then send the warnings object as JSON to the server in PHP. You may parse it like so:

$json = json_decode(filter_input(INPUT_POST, 'warnings'));

Be sure that warnings corresponds to the data in your ajax call.

answered Aug 30, 2016 at 21:43

Denis Priebe

2,8952 gold badges27 silver badges37 bronze badges

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

Collectives™ on Stack Overflow

Send associative array through ajax

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related