2017-10-23 13 views
0

実際には、私はシリアル化からすべての入力データを取得しようとしていますが、私は年齢&のようなint型の値を取得します。 以下は私のコードです。データのシリアル化から値を取得することができません

<html> 
    <body> 
     <form id ="form" method="post" class= "form"> 
      Name<input type = "text" name = "name" /><br> 
      Age<input type = "number" name = "age" /><br> 
      ID<input type = "number" name = "id" /><br> 
      <input type = "submit" name = "submit"><br/> 
     </form> 
     <p id="result"></p> 
     <script 
      src="https://code.jquery.com/jquery-3.2.1.min.js" 
      integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" 
     crossorigin="anonymous"></script> 
     <script> 
      $(document).ready(function() { 
       $("#form").submit(function() { 
        var data = $("#form").serialize(); 
        insertStudent(data); 
        return false; 
       }); 
       function insertStudent(data) { 
        $.ajax({ 
         url: 'process.php', 
         data: data, 
         type: 'POST', 
         dataType: 'json', 
         success: function (data, textStatus) { 
          $("#result").html(data); 
         }, 
         error: function() { 
          alert('Not OKay'); 
         } 
        }); 
       } 
      }); 
     </script> 
    </body> 
</html> 

process.php

print_r($_POST);// give error but if i try to get id then 
print_r($_POST["id"])// print value 
print_r($_POST["name"])// doesn't print name 
+0

あなたはXHRリクエスト本体とヘッダを投稿することができますか? – madalinivascu

+0

あなたのコードは孤立して正常に動作しています:https://jsfiddle.net/85rkbx27/。ブラウザコンソールでリクエストをデバッグする必要があります。リクエストの内容を確認して、期待どおりのものであることを確認します。 –

+0

あなたはidという名前のフォーム要素を持っていませんので間違ったページにあります – madalinivascu

答えて

0
$(document).ready(function() { 
    $("#form").submit(function (e) { 
     //e.preventDefault(); 
     var data =$(this).serialize(); 
     insertStudent(data); 
     return false; 
    }); 
    function insertStudent(data) { 
     $.ajax({ 
      url: 'process.php', 
      data: data, 
      type: 'post', 
      dataType: 'html', 
      success: function (data, textStatus) { 
       $("#result").html(data); 
       // console.log(data); 
      }, 
      error: function() { 
       alert('Not OKay'); 
      } 
    }); 
    } 
}); 
関連する問題