Question

I have some informations in a form to send to the server as a (complex) array (or Object if you prefer) with JS/jQuery. (jQuery 1.7.2)
I’m thinking about JSON to solve the problem smartly. My code works right now, but i want to know if its possible to do it better.

So this example is pretty typical (The data are more complex irl) :

dataSend = { 'id': '117462', 'univers': 'galerie', 'options' : { 'email': '[e-mail]', 'commenataire': 'blabla', 'notation' : '4' } };

$.ajax({
  url: "/ajax/ajaxMavilleBox.php",
  data: JSON.stringify(dataSend),
  success: function(x){
      smth();
  }
});

In an another context, i have to make the exact same thing without JSON.

With the same example :

dataSend = { 'id': '117462', 'univers': 'galerie', 'options' : { 'email': '[e-mail]', 'commenataire': 'blabla', 'notation' : '4' } };

$.ajax({
    url: "/ajax/ajaxBox.php",
    data: $.param(dataSend),
    success: function(x){
        smth();
    }
});

Obviously, I missing something.

The url is :

http://www.mywebsite.com/ajax/ajaxBox.php?id=117462&univers=galerie&options=%5Bobject+Object%5D

And the url should be :

http://www.mywebsite.com/ajax/ajaxBox.php?id=117462&univers=galerie&options[email]=[e-mail]&options[commenataire]=blabla&options[notation]=3

There is any easy way to do it (I hope I don’t have to edit the data myself in a loop or something)

Edit : Solution for the second part

Ok, the last part without JSON is correct. In fact, i was using an older version of jQuery in my page.
$.param is not so good with jQuery < 1.4

More information here Param Doc

Answer 1

as mentioned by @Johan POST shouldbe used here instead of GET
you can view data you are sending by using the Developer options in the browser you are using just press f12
also make sure you are using jquery >= 1.4
the incorrect serialized string in the url is the way that $.param() used to serialize prior to 1.4 version