htmlフォーム情報を取得し、ajaxを使用してPHPにプッシュ

Question

私はこのajaxに苦労しています。POST私は

アクション=「reserveA.php」とメソッドを追加し、フォームデータをシリアライズ

を含む（私のPHPファイルを）ユーザ情報をつかみ、偽のサーバーに送信するさまざまな方法を試してみました= "ポスト「

）（フォーム 宣言、

に、フォーム入力id.valに等しいのAjaxでデータを持つ私は、私はどこか別の場所にめちゃくちゃにしていると私は、PHPのページを持っているが、確信しています私が参照していること私は何を置くべきか分からないので、私はページ上に何も持っていません。

<input id="submit" type="submit" value="Submit"/> 

で終わる

HTMLフォーム

<form id="thisform" action="reserveA.php" method="post"> 
    <fieldset> 
     <legend>Place a Reservation</legend> 
     <label for="firstName">First name: </label> 
     <input id="firstName" type="text" placeholder="first name" autofocus="autofocus" 
     required="true" /><br/><br/> 

JS

$(document).ready(function() {    
    var submit = document.getElementById("submit"); 
    var firstName = $("#firstName").val(); 
    var LastName = $("#LastName").val(); 
    var Phone = $("#Phone").val(); 
    var Party = $("#Party").val(); 
    var dateof = $("#dateof").val(); 
    var Timeof = $("#Timeof").val(); 

    submit.onclick = function(){   
     $.ajax({ 
      url: "reserveA.html", 
      dataType: "json", 
      data: $("thisform").serialize(), 
      type: "POST", 
      success: function() { 
       console.log("oh") 
       alert("form submitted"); 
      }, 
     }); 

    } 
} 

その後、私のreserveA.phpは空白です。

Answer 1

あなたは、いくつかのミスを持っていますが、基本的にはあなたのAJAX呼び出しは次のようになります。あなたがより多くを学びたいのであれば

$.ajax({ 
    url: $("#thisform").attr('action'), 
    dataType: "json", 
    data: $("#thisform").serialize(), 
    type: $("#thisform").attr('method'), 
    success: function() { 
     console.log("oh") 
     alert("form submitted"); 
    }, 
}); 

---

その後、これらの記事をチェックアウト：

PHP+AJAX

Debugging AJAX