web-dev-qa-db-ja.com

jQuery AJAX MVCコントローラーオブジェクトへの投稿-リクエストにnullが表示される

私はここの詳細に何か不足していることを知っています。

問題

グーグル、例の試行、さまざまな形式などにもかかわらず、常に送信するAJAX要求は、すべてのフィールドが空であるがnullではないとして検証されます。

コントローラーがオブジェクトとして認識できるように適切な形式で送信していないと思いますが、何なのかわかりません。

フィドラー：私のリクエストはどのようなものか

いくつかのダミーデータを使って：

enter image description here

コード：モデルクラス

public class ContactUsMessage
{
    public string Email { get; set; }
    public string Name { get; set; }
    public string PhoneNumber { get; set; }
    public string Message { get; set; }
}

コード：WebAPIコントローラー

    [HttpPost]
    public HttpResponseMessage NewMessage(ContactUsMessage messageToSend)
    {
        if (messageToSend == null)
        {
            var sadResponse = Request.CreateResponse(HttpStatusCode.BadRequest, "Empty Request");
            return sadResponse;
        }

        var messageValidator = new ContactUsMessageValidator();
        var results = messageValidator.Validate(messageToSend);
        var failures = results.Errors;
        var sadString = "";
        if (!results.IsValid)
        {
            foreach (var error in failures)
            {
                sadString += " Problem: " + error.ErrorMessage;
            }
            var sadResponse = Request.CreateResponse(HttpStatusCode.NotAcceptable, "Model is invalid." + sadString);
            return sadResponse;

        }
        else
        {
            SendContactFormEmail(messageToSend.Email, messageToSend.Name, messageToSend.PhoneNumber, messageToSend.Message);

        }

コード：ページ上のJavaScript

function sendSubmissionForm() {

    var dataObject = JSON.stringify(
        {
            messageToSend: {
                'Email': $('#inpEmail').val(),
                'Name': $('#inpName').val(),
                'PhoneNumber': $('#inpPhone').val(),
                'Message': $('#inpMessage').val()
            }
        });

    $.ajax({
        url: '/api/contactus/newmessage',
        type: 'POST',
        done: submissionSucceeded,
        fail: submissionFailed,
        data: dataObject

    });


}
javascriptasp.net-mvcjqueryasp.net-mvc-4
7
SeanKilleen

データオブジェクトをJSON.stringifyiしたとき、それをJSONに変換しました。しかし、Content-Typeリクエストヘッダーを設定するのを忘れており、Web APIは、JSON、XML、または他の何かを送信しているかどうかを知る方法がありません。

$.ajax({
    url: '/api/contactus/newmessage',
    type: 'POST',
    contentType: 'application/json',
    done: submissionSucceeded,
    fail: submissionFailed,
    data: dataObject
});

また、JSONを作成するときに、メソッドの引数名と一致する追加のプロパティでJSONをラップする必要はありません。以下も同様に機能するはずです。

var dataObject = JSON.stringify({
    'Email': $('#inpEmail').val(),
    'Name': $('#inpName').val(),
    'PhoneNumber': $('#inpPhone').val(),
    'Message': $('#inpMessage').val()
});
38
Darin Dimitrov