フォームデータをAjaxを使用してPHPに渡す問題

Question

私はもともと通常ののHTMLフォームを使用して、にリダイレクトされたコードを入力してコードを実行しました。

すべてが今取り組んで確認されて以来、私は、元のページにユーザーを維持する代わりにアヤックスを使用してPHPにフォームの変数を渡す必要があります。

私のコードのすべては、のAjaxリクエストを除き、どこでもチェックアウトしています。以下の機能で使用しています。この関数はフォームからすべての変数を正しく取得しますが、私が使用するAjaxまたは$.postの形式が何も渡されなくても機能します。

すべてのデータをhttp://localhost/send-email.phpに渡し、PHPコードからのエコー応答を含むポップアップでユーザーに応答しようとしています。

src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js" 

function capacity(){ 
    var fullname = document.getElementById("fullname").value; 
    var time = document.getElementById("time").value; 
    var aux = document.getElementById("aux").value; 
    var issue = document.getElementById("issue").value; 
    var issueid = document.getElementById("issueid").value; 
    var reason = document.getElementById("reason").value; 
} 

は、同じように私は私がアヤックス上のすべてのドキュメントを読んで、ここには多くの例が続くが、私は何も動作させることができなかったと述べました。私のAjaxコールがどのように表示されるべきかについての助けに感謝します。

Answer 1

バックエンドでPOSTする方法はいくつかあります。 jQuery.post()

$.post('/send-email.php', $('form').serializeArray(), function(response) { 
    alert(response); 
}); 

方法2（構造オブジェクトとPOSTオブジェクト） - -

方法1（FormからPOSTシリアライズアレイ） jQuery.post()

var formObject = { 
    fullname: $('#fullname').val(), 
    time: $('#time').val(), 
    aux: $('#aux').val(), 
    issue: $('#issue').val(), 
    issueid: $('#issueid').val(), 
    reason: $('#reason').val() 
}; 

$.post('/send-email.php', formObject, function(response) { 
    alert(response); 
}); 

方法3（ AJAXを使用してフォームから配列をシリアル化する） - jQuery.ajax()

$.ajax({ 
    method: 'POST', 
    url: '/send-email.php', 
    data: $('form').serializeArray(), 
}).done(function(response) { 
    alert(response); 
}); 

方法4（POSTフォームデータへの使用AJAX） - jQuery.ajax() - FormData Objects

var formData = new FormData(); 
formData.append('fullname', $('#fullname').val()); 
formData.append('time', $('#time').val()); 
formData.append('aux', $('#aux').val()); 
formData.append('issue', $('#issue').val()); 
formData.append('issueid', $('#issueid').val()); 
formData.append('reason', $('#reason').val()); 

$.ajax({ 
    url: '/send-email.php', 
    dataType: 'json', 
    contentType: false, 
    processData: false, 
    data: formData, 
    type: 'POST', 
    success: function(response) { 
     alert(response); 
    } 
}); 

事実上、あなたがしようとしている何を達成するために、多くの異なる方法があります。