Wie sende ich JSON anstelle einer Abfragezeichenfolge mit $ .ajax?

Kann jemand auf einfache Weise erklären, wie jQuery tatsächlich JSON anstelle einer Abfragezeichenfolge senden kann?

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

Dadurch wird Ihr sorgfältig vorbereiteter JSON in eine Abfragezeichenfolge konvertiert. Eines der ärgerlichen Dinge ist, dass alle array: []in Ihrem Objekt konvertiert werden array[]: [], wahrscheinlich aufgrund von Einschränkungen des Abfragestichs.

Sie müssen verwenden, JSON.stringifyum Ihr Objekt zuerst in JSON zu serialisieren und dann das anzugeben, contentTypedamit Ihr Server versteht, dass es JSON ist. Dies sollte den Trick tun:

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

Beachten Sie, dass das JSONObjekt nativ in Browsern verfügbar ist, die JavaScript 1.7 / ECMAScript 5 oder höher unterstützen. Wenn Sie Legacy-Unterstützung benötigen, können Sie json2 verwenden .

Nein, die dataTypeOption besteht darin, die empfangenen Daten zu analysieren.

Um JSON zu veröffentlichen, müssen Sie es selbst über kennzeichnen JSON.stringifyund die processDataOption auf setzen false.

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

Beachten Sie, dass nicht alle Browser das JSONObjekt unterstützen, und obwohl jQuery dies hat .parseJSON, ist kein Stringifier enthalten. Sie benötigen eine weitere Polyfill-Bibliothek.

Obwohl ich weiß, dass viele Architekturen wie ASP.NET MVC über integrierte Funktionen verfügen, um JSON.stringify als Inhaltstyp zu behandeln, ist meine Situation etwas anders. Vielleicht kann dies in Zukunft jemandem helfen. Ich weiß, es hätte mir Stunden gespart!

Da meine http-Anforderungen von einer CGI-API von IBM (AS400-Umgebung) in einer anderen Subdomain verarbeitet werden, sind diese Anforderungen Ursprungsübergreifend, daher der jsonp. Ich sende meinen Ajax tatsächlich über Javascript-Objekte. Hier ist ein Beispiel für meinen 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
       });

Wenn Sie dies an asp.net zurücksenden und die Daten in request.form [] benötigen, müssen Sie den Inhaltstyp auf "application / x-www-form-urlencoded; charset = utf-8" setzen.

Originaler Beitrag hier

Zweitens: Entfernen Sie den Datentyp. Wenn Sie keine Rückgabe erwarten, wartet der POST etwa 4 Minuten, bevor er fehlschlägt. Siehe hier