Question

Hi every one I need to send an array as the data of a post request using $.ajax, this array is a key value array,
e.g

fields['BrandName'] = "Fiat,BMW"
fields['year'] =  "2004,2005"

i tried this

$.ajax({
    type: "POST",
    url: url,
    dataType: 'json',
    data: {'adfields[]': fields},
    success: function(data){
        alert("passed");                
    },
    error: function(data, status){
        alert("error has occurred");
    }
});

but it doesn’t work, I watch the request using wireshark, but nothing gets sent in the request, something else when I try to do fields.length .. i get zero although fields[‘BrandName’] is defined and has a value
Any help ??

Answer 1

Further to alFReD’s answer, two ways you can code your fields variable as an object such that the key/value properties will be passed in your Ajax call:

// declare empty object
var fields = {};
// then add keys and values with the syntax you already had
fields['BrandName'] = "Fiat,BMW";
fields['year'] =  "2004,2005";

// OR
// declare in one statement
var fields = { 'BrandName' : "Fiat,BMW",
               'year' : "2004,2005" };

Note that the curly braces {} only apply in the initial declaration: once your object has been created you use square brackets to access the properties. Or, dot notation:

fields.BrandName = "Fiat,BMW";

(Dot notation only works if the keyname follows the same rules as other JS identifiers, e.g., no spaces, not starting with a number, not a reserved word, etc.)