Como enviar JSON em vez de uma string de consulta com $ .ajax?

Alguém pode explicar de uma maneira fácil como fazer o jQuery enviar JSON real em vez de uma string de consulta?

$.ajax({
    url      : url,
    dataType : 'json', // I was pretty sure this would do the trick
    data     : data,
    type     : 'POST',
    complete : callback // etc
});

De fato, isso converterá seu JSON cuidadosamente preparado em uma string de consulta. Uma das coisas irritantes é que qualquer um array: []no seu objeto será convertido array[]: [], provavelmente por causa das limitações da picada da consulta.

Você precisa usar JSON.stringifypara serializar seu objeto primeiro para JSON e, em seguida, especificar o contentTypepara que seu servidor entenda que é JSON. Isso deve fazer o truque:

$.ajax({
    url: url,
    type: "POST",
    data: JSON.stringify(data),
    contentType: "application/json",
    complete: callback
});

Observe que o JSONobjeto está disponível nativamente em navegadores que suportam JavaScript 1.7 / ECMAScript 5 ou posterior. Se você precisar de suporte legado, poderá usar o json2 .

Não, a dataTypeopção é para analisar os dados recebidos.

Para postar JSON, você precisará stringify-lo sozinho via JSON.stringifye definir a processDataopção de false.

$.ajax({
    url: url,
    type: "POST",
    data: JSON.stringify(data),
    processData: false,
    contentType: "application/json; charset=UTF-8",
    complete: callback
});

Observe que nem todos os navegadores suportam o JSONobjeto e, embora o jQuery o tenha .parseJSON, ele não possui um stringificador incluído; você precisará de outra biblioteca de polyfill.

Embora eu conheça muitas arquiteturas, como o ASP.NET MVC, têm funcionalidade incorporada para lidar com JSON.stringify como o contentType, minha situação é um pouco diferente; talvez isso possa ajudar alguém no futuro. Eu sei que teria me poupado horas!

Como minhas solicitações http estão sendo tratadas por uma API CGI da IBM (ambiente AS400) em um subdomínio diferente, essas solicitações são de origem cruzada, daí o jsonp. Na verdade, eu envio meu ajax via objeto (s) javascript. Aqui está um exemplo do meu ajax POST:

 var data = {USER : localProfile,  
        INSTANCE : "HTHACKNEY",  
        PAGE : $('select[name="PAGE"]').val(), 
        TITLE : $("input[name='TITLE']").val(), 
        HTML : html,
        STARTDATE : $("input[name='STARTDATE']").val(), 
        ENDDATE : $("input[name='ENDDATE']").val(),
        ARCHIVE : $("input[name='ARCHIVE']").val(), 
        ACTIVE : $("input[name='ACTIVE']").val(), 
        URGENT : $("input[name='URGENT']").val(), 
        AUTHLST :  authStr};
        //console.log(data);
       $.ajax({
            type: "POST",
           url:   "http://www.domian.com/webservicepgm?callback=?",
           data:  data,
           dataType:'jsonp'
       }).
       done(function(data){
         //handle data.WHATEVER
       });

Se você estiver enviando isso de volta para o asp.net e precisar dos dados em request.form [], será necessário definir o tipo de conteúdo como "application / x-www-form-urlencoded; charset = utf-8"

Postagem original aqui

Em segundo lugar, livre-se do tipo de dados, se você não espera um retorno, o POST aguardará cerca de 4 minutos antes de falhar. Veja aqui