Ständig erhalten 400 (Bad Request) auf jquery ajax post zu MVC-controller

Sie senden ein völlig gebrochen und ungültige JSON-string an den server. Es ist normal, dass die controller-Aktion, lehnt Sie ab. Zusätzlich zu, dass Sie in Kommentaren das contentType parameter, die angeben, dass Sie möchten, senden Sie eine JSON-Anfrage.

So, hier ist der richtige Weg, um die Anfrage:

$.ajax({ //actually approve or reject the promotion
    url: url,
    type: "POST",
    data: JSON.stringify({ 
        //Those property names must match the property names of your PromotionDecision  view model
        promotionId: data.PromotionId, 
        userId: data.UserId, 
        reasonText: data.ReasonText
    }),
    contentType: "application/json; charset=utf-8",
    success: function (data) {
        if (indicator == 'A') {
            alert('Promotion approved successfully!');
        }
        else {
            alert('Promotion rejected successfully.');
        }

        var homelink = '<%: Url.Action("Index","Home") %>';
        window.location.href = (homelink);

        returndata = data;
    },
    error: function (xhRequest, ErrorText, thrownError) {
        alert("Failed to process promotion correctly, please try again");
        console.log('xhRequest: ' + xhRequest + "\n");
        console.log('ErrorText: ' + ErrorText + "\n");
        console.log('thrownError: ' + thrownError + "\n");
    }
});

Bemerken, wie ich bin, mit der JSON.stringify Methode, die nativ integrierte in modernen Browsern, um sicherzustellen, dass die JSON an den server gesendet wird ist richtig und alle Werte sind korrekt codiert. Und wenn Sie brauchen, um Unterstützung für Browser aus der Steinzeit, Sie könnten die json2.js Skript zu Ihrer Seite, die definieren, die JSON.stringify Methode.

Wichtige Bemerkung: Absolut nie bauen JSON-strings mit string Verkettungen wie in deinem code.

Alternativ, wenn Sie nicht möchten, senden Sie eine JSON-Anfrage könnten Sie schicken eine standard - application/x-www-form-urlencoded Anfrage:

$.ajax({ //actually approve or reject the promotion
    url: url,
    type: "POST",
    data: { 
        promotionId: data.PromotionId, 
        userId: data.UserId, 
        reasonText: data.ReasonText
    },
    success: function (data) {
        if (indicator == 'A') {
            alert('Promotion approved successfully!');
        }
        else {
            alert('Promotion rejected successfully.');
        }

        var homelink = '<%: Url.Action("Index","Home") %>';
        window.location.href = (homelink);

        returndata = data;
    },
    error: function (xhRequest, ErrorText, thrownError) {
        alert("Failed to process promotion correctly, please try again");
        console.log('xhRequest: ' + xhRequest + "\n");
        console.log('ErrorText: ' + ErrorText + "\n");
        console.log('thrownError: ' + thrownError + "\n");
    }
});

Diese sollten auf die gleiche Weise arbeiten und die controller-Aktion, sollte in der Lage sein, um richtig zu binden, das Modell.

Bemerkung: ich habe bemerkt, dass Sie die folgende Zeile in der Erfolgs-callback: returndata = data;. Dies führt mich zu glauben, dass Sie irgendwie versuchen zu konsumieren, das Ergebnis eines asynchronen AJAX-request außerhalb der Erfolgs-callback, das ist nicht möglich. Ich habe keine Ahnung, was Sie tun mit diesem returndata Variablen, aber ich habe das Gefühl es ist falsch.

InformationsquelleAutor Darin Dimitrov