jquery - How can I send JSON data to server -

well, here story:

i have data need send server, should turned json datatype first.

i made such ajax call:

    $.ajax({        url: url, // url want post to.        type: 'post',        contenttype:'application/json; charset=utf-8',        beforesend: //some http basic auth stuff        data: {           name:'test',           key:'foo',           key2:'bar'        },        datatype:'json' }); 

basically i'm expecting data send server was:

[name:test,key:foo,key2:bar] 

but i've got was:

name=test&key=foo&key2=bar 

what did missing? how can data json?

 var data = {'bob':'foo','paul':'dog'};  $.ajax({    url: url,    type: 'post',    contenttype:'application/json',    data: json.stringify(data),    datatype:'json'  }); 

/** added **/

the above not response server if need callback called when server has responded.

 var data = {'bob':'foo','paul':'dog'};  $.ajax({    url: url,    type: 'post',    contenttype:'application/json',    data: json.stringify(data),    datatype:'json',    success: function(data){      //on ajax success      alert(data);       },    error: function(xhr, ajaxoptions, thrownerror) {       //on error         if (xhr.status == 200) {              alert(ajaxoptions);         }         else {             alert(xhr.status);             alert(thrownerror);         }     }  });