Asp.Net Mvc JQuery ajax Eingabeparameter sind null

Question

Ich versuche, einige Daten mit jQuery Ajax zu posten, aber die Parameter in meiner Ajax-Methode sind null.

Dies ist ein einfacher Test, um Daten zu senden:

 var dataPost = { titel: 'titel', message: 'msg', tagIds: 'hello' };
        jQuery.ajax({
            type: "POST",
            url: "Create",
            contentType: 'application/json; charset=utf-8',
            data: $.toJSON(dataPost),
            dataType: "json",
            success: function(result) {
                alert("Daten zurückgegeben: ");
            }
        });

Und meine Ajax-Methode sieht so aus:

[HttpPost]
public ActionResult Create(string title, string message, string tagIds)
{... }

Es gibt etwas grundlegend falsch mit den Daten, die ich sende, aber ich kann nicht herausfinden, was. Die ganze Zeit sind der Titel, die Nachricht und die tagIds null, also stimmt etwas mit der Codierung nicht, ich weiß einfach nicht was.

Optimalerweise sollte der Parameter tagIds ein Array oder eine Liste von GUIDs sein.

Hinweis: Das jQuery.toJSON ist dieses Plugin

Answer 1

Die Create Controller-Aktion erwartet keine Parameter in JSON-Serialisierung, sodass Sie diese nicht verwenden müssen. Versuchen Sie, sie stattdessen direkt zu übergeben:

var dataPost = { titel: 'titel', message: 'msg', tagIds: 'hello' };
jQuery.ajax({
    type: "POST",
    url: "Create",
    data: dataPost,
    dataType: "json",
    success: function(result) {
        alert("Daten zurückgegeben: ");
    }
});

Answer 2

Wir benötigen nicht den contentType: 'application/json; charset=utf-8', und $.toJSON

Hier ist der Code, der mich glücklich macht!

 $(function () {
        $("#btnSumbit").click(function () {
            $('#results').hide();
            $('#loadingmessage').show();
            var a = $("#query").val();

            $.ajax({
                type: "POST",
                url: "/Search/Index",
                data: ({ query: a }),
                datatype: "json",
                success: function (data) {
                    $('#results').empty();
                    for (var i = 0; i < data.length; i++) {
                        var div = "" + data[i].Name + "";
                        $("#results").append(div);

                    }
                    $('#loadingmessage').hide();
                    $('#results').show();
                },
                failure: function (errMsg) {
                    $('#loadingmessage').hide();
                    alert(errMsg);
                }
            });
        });
    });