Jak wysłać JSON zamiast ciągu zapytania z $ .ajax?

Czy ktoś może w prosty sposób wyjaśnić, jak sprawić, by jQuery wysyłał rzeczywisty JSON zamiast ciągu zapytania?

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

W rzeczywistości spowoduje to konwersję starannie przygotowanego kodu JSON na ciąg zapytania. Jedną z denerwujących rzeczy jest to, że każdy obiekt array: []w twoim obiekcie zostanie przekonwertowany array[]: [], prawdopodobnie z powodu ograniczeń żądań zapytania.

Musisz JSON.stringifynajpierw serializować obiekt do formatu JSON, a następnie określić, contentTypeaby serwer zrozumiał, że to JSON. To powinno załatwić sprawę:

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

Należy pamiętać, że JSONobiekt jest natywnie dostępny w przeglądarkach obsługujących JavaScript 1.7 / ECMAScript 5 lub nowszy. Jeśli potrzebujesz starszej obsługi, możesz użyć json2 .

Nie, dataTypeopcja służy do analizowania odebranych danych.

Aby opublikować kod JSON, musisz samodzielnie go zdefiniować za pośrednictwem JSON.stringifyi ustawićprocessData opcję na false.

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

Zwróć uwagę, że nie wszystkie przeglądarki obsługują ten JSONobiekt i chociaż jQuery to obsługuje .parseJSON, nie zawiera on stringifier; będziesz potrzebować innej biblioteki polyfill.

Chociaż wiem, że wiele architektur, takich jak ASP.NET MVC, ma wbudowaną funkcjonalność do obsługi JSON.stringify jako contentType, moja sytuacja jest trochę inna, więc może to może pomóc komuś w przyszłości. Wiem, że zaoszczędziłoby mi to godziny!

Ponieważ moje żądania http są obsługiwane przez interfejs API CGI z IBM (środowisko AS400) w innej subdomenie, żądania te są pochodzenia krzyżowego, stąd plik jsonp. Właściwie wysyłam mój Ajax za pośrednictwem obiektów javascript. Oto przykład mojego POST Ajax:

 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
       });

Jeśli odsyłasz to z powrotem do asp.net i potrzebujesz danych w request.form [], musisz ustawić typ zawartości na „application / x-www-form-urlencoded; charset = utf-8”

Oryginalny post tutaj

Po drugie, pozbądź się typu danych, jeśli nie spodziewasz się powrotu, POST będzie czekał około 4 minuty, zanim zakończy się niepowodzeniem. Zobacz tutaj