Rufen Sie immer JSON.stringify für Post-Daten für jQuery Ajax auf

Oder eine andere Funktion, um Ihre Daten für diese Angelegenheit vorzuverarbeiten 🙂

Aufgrund meines serverseitigen Frameworks muss ich immer JSON.stringify aufrufen, bevor ich meine Daten sende – unnötige Boilerplate, die Sie vergessen können hinzuzufügen.

Gerade habe ich:

$.ajax({
    [...]
    data: JSON.stringify({ someData: self.someData }),
    [...]
});

Ich würde bevorzugen:

$.ajax({
    [...]
    data: { someData: self.someData },
    [...]
});

Ich habe in ajaxSetup nachgesehen, kann aber bisher keine Lösung dafür finden …

Aktualisieren

Aus einem Grund, warum ich das brauche, siehe diese Frage. Ich könnte dies auf der Serverseite beheben, aber im Moment suche ich nach einer Möglichkeit, dies auf der Clientseite zu beheben.

Nein, es gibt keine integrierte Möglichkeit, Ihre Daten von einem Objekt in JSON vorzuverarbeiten. Sie können jedoch verwenden ajaxSetup und ein beforeSend um es für dich zu tun.

$.ajaxSetup({
    beforeSend: function(jqXHR,options){
        if ( options.contentType == "application/json" && typeof options.data != "string" ) {
            options.data = JSON.stringify(options.data);
        }
    }
});

Stellen Sie jetzt sicher, dass Sie Ihre einstellen contentType zu application/json bei Anfragen, die json an den Server senden müssen, damit es von der if-Anweisung abgefangen wird.

Hier ein alternativer Ansatz, der a verwendet jQuery.prefilter:

$.ajaxPrefilter("json", function(options, originalOptions) {
  options.data = JSON.stringify(originalOptions.data || null);
  options.contentType = "application/json" // content type of *request*
});

$.ajax({
  data: {foo: [1,2,3]},
  dataType: "json" // expected content type of *response* (must match prefilter, above!)
  [...]
});

Denn Vorfilter passen auf die dataType Option, müssen wir es manuell in unserer einstellen $.ajax Anfrage. Wenn die dataType mit dem Vorfilter (“json”) übereinstimmt, wird er vor dem Senden der Anfrage konvertiert data Objekt auf eine Zeichenfolge, und legen Sie die fest contentType passender Header (“application/json”).

Denken Sie daran, dass dieses aa global Veränderung, die sich auf ALLE Zukunft auswirken wird $.ajax Anfragen mit dataType: "json"!

Hier ist die jQuery.prefilter Funktion, die ich verwende (sie ist besser als der BeforeSend-Ansatz), passt sie zu jedem Datentyp und serialisiert jedes Objekt in einer Post- oder Put-Anfrage.

$.ajaxPrefilter(function (options, org) {
    var rtype = options.type.toLowerCase();
    if ((rtype === "post" || rtype === "put") && org.data !== null && typeof org.data === 'object') {
        options.data = JSON.stringify(org.data);
    }
});

hoffe das hilft.

Benutzer Jquery.getJSON(). Sie können JSON-Daten direkt abrufen.

$.getJSON('', function(data) {

//you can use data.
});

http://api.jquery.com/jQuery.getJSON/