JQuery経由でフォームを送信するAjax投稿リクエスト

Question

Web Node/Express Webアプリケーションに基本的なメッセージングサービスがあり、FormDataオブジェクトを使用してフォームをAjax経由で送信しようとしています。

フォームをAJAXなしで送信すると、すべて正常に動作しますが、AJAXはreq.bodyとなります。すべて未定義です。

AJAXを使用している場合、サーバー上で、req.body以外のデータを探す必要がありますか？

いるFormDataオブジェクトの作成：

var ajaxData = new FormData; 
ajaxData.append('newMessage', $('.new-message').val()) // I've console.logged these, and their values are correct 
ajaxData.append('senderId', $('[name="senderId"]').val()) 
ajaxData.append('senderName', $('[name="senderName"]').val())// I've console.logged these, and their values are correct 
ajaxData.append('recipientId', $('[name="recipientId"]').val()) 
ajaxData.append('recipientName', $('[name="recipientName"]').val())// I've console.logged these, and their values are correct 

そして、これは、POSTリクエストです：下記の彼の答えのためのG.マンスールへ

$.ajax({ 
    url: $form.attr('action'), 
    type: $form.attr('method'), 
    data: ajaxData, 
    dataType: false, 
    cache: false, 
    contentType: false, 
    processData: false, 
    complete: function() { 
    console.log('message created'); 
    }, 
    success: function(data) { 


    }, 
    error: function(xhr, textStatus, errorThrown) { 
    console.log(xhr.statusText); 
    console.log(textStatus); 
    console.log(errorThrown); 
    } 
}); 

EDIT

感謝を。私は完全に行を削除するときに私はすべてのもの、また

contentType: 'application/json', 

に動作しない、いくつかの点で、この行を試みたが、

contentType: false, 

：場合は誰がここを取得、問題はラインでしたいつものように働いています...誰かが私にこのラインがすべてを壊していた理由を教えてもらえれば、私は知りたいと思うでしょう。

Answer 1

これはこれは、JavaScriptの一部

<script type="text/javascript"> 

$(document).ready(function(){ 
$("#form").submit(function(){ 
    $.ajax({ 
     url: "test.php", 
     data: $("#form").serialize(), 
     type: "POST", 
     dataType: 'json', 
     success: function (e) { 
      console.log(JSON.stringify(e)); 


     }, 
     error:function(e){ 
      console.log(JSON.stringify(e)); 


     } 
    }); 
    return false; 
}); 
}); 

</script> 

そして、これは、PHPコード

<?php 
die(json_encode(array("status"=>true))); 
?> 

であるHTML部分

<form id="form" action="" method="post"> 
<input type="text" name="msgID" id="msgID"> 
<input type="text" name="senderId" id="senderId"> 
<input type="text" name="senderName" id="senderName"> 
<input type="text" name="recipientId" id="recipientId"> 
<input type="text" name="recipientName" id="recipientName"> 
<input type="submit" name="dsq" value="dsqdsq"> 
</form> 

ある意志はあなたを助けますことを願っています。

Answer 2

私はそれはそれはので、私はあなたが

data: $form.serialize(), 
dataType: 'json', 

を使用することができます。そして、あなたが

console.log(JSON.stringify(e)); 

して返される結果をキャッチすることができます解決をあげる

Illegal invocation

だと言うあなたのコードをチェックします

お寄せください。あなたが何かエラーがあるなら、私はあなたを助けることができます。