Possible to pass multiple level data array using the data field of jQuery $.ajax ?

Question

how do I pass multiple level array using jQuery ajax function?

example of data to be passed:

{"data": { "username" : "name1" , "password" : "password1" } }

in

bodyContent = $.ajax({
      url: "somepage",
      global: false,
      type: "POST",
      **data:** ,
      ...

Answer 1

Encode it as a JSON string.

Answer 2

use $.param()

var params = {
    "data": {
        "username" : "name1" ,
        "password" : "password1" 
    } 
};
    var str = jQuery.param(params);
    // decodeURIComponent(str) == data[username]=name1&data[password]=password1​

here's a demo