Question

How do I submit an array from dojo to php.
I’m submitting these values:

["a", "b", "c"]

Here’s what I got so far:

 btn_send.onclick(function(){
            var name_array = name_looper();
            console.log(name_array);
            dojo.xhrPost({

                url: "dojo_phpform.php",
                content: {names: name_array},
                load: function(result) {
                    var x = dojo.byId('results');
                    x.innerHTML = result;
                }
            });
        });

        function name_looper(){
            var names = dojo.query('input[type=text]');
            var name_array = [];
            names.forEach(function(element, index, array){
                name_array[index] = dojo.attr(element, 'value');
            });

            return name_array;
        }

I tried to echo $_POST[‘names’] from the php file(dojo_phpform.php) and it didn’t return any errors. It seems like the array isn’t actually submitted. The only thing that’s returned is the last item in the array. What do I do?Please help, Thanks in advance!

Answer 1

As far as I’ve been able to see, dojo’s xhr functions don’t support it. I’m using a helper function to “flatten” parameters myself.

_flattenXhrParams: function(params)
{
    var newParams = {};
    for(var key in params)
    {
        if(dojo.isObject(params[key]))
        {
            for(var innerKey in params[key])
            {
                newParams[key + "[" + innerKey + "]"] =
                        params[key][innerKey];
            }
        }
        else if(dojo.isArray(params[key]))
        {
            for(var i = 0, l = params[key].length; i < l; i++)
            {
                newParams[key + "[]"] = params[key][i];
             }
        }
        else
        {
            newParams[key] = params[key];
        }
    }
    return newParams;
}

It’s butt ugly, I know, and obviously only works on one dimensional arrays/objects. In your case, you’d do:

dojo.xhrPost({
    url: "dojo_phpform.php",
    content: _flattenXhrParams({names: name_array}),
    load: function(result) {
        var x = dojo.byId('results');
        x.innerHTML = result;
    }
});

.. and you’d get POST parameters like names[]=a&names[]=b&names[]=c. For objects, you’d get names[somekey]=a&names[otherKey]=b etc. PHP handles both nicely.