javascript投稿方法を使用してデータをPHPファイルに送信する方法

Question

JavaScriptで私はポストメソッドを使用してデータをPHPファイルに送信する方法を知りたいと思います。 私はdiffewrentメソッドを試しました。しかし、私は何も出力を得なかったので、私を助けてください。 私のコードは以下の通りです。

のindex.php

<form method="post" name="form" enctype="multipart/form-data"> 
    <input type="text" name="name" id="name" placeholder="Name" required/> 
    <input type="email" name="email" id="email" placeholder="Email" required/> 
    <input type="password" name="pass" id="pass" placeholder="Password" required/> 
    <input type="submit" name="submit" value="Send" onclick="myFunction()"/> 
</form> 

<script> 
    function myFunction() { 
     var name = document.getElementById("name").value; 
     var email = document.getElementById("email").value; 
     var password = document.getElementById("password").value; 
     //// I want post the values to profile.php 
    } 
</script> 

profile.php

if (isset($_POST['submit'])) { 
    $name = $_POST['name']; 
} 

Answer 1

を行うと、このようなあなたの値を渡すと、あなたはここでは、私がいることを言う必要があるあなたがif(isset($_POST['name']))

<form method="post" name="form" enctype="multipart/form-data"> 
    <input type="text" name="name" id="name" placeholder="Name" required/> 
    <input type="email" name="email" id="email" placeholder="Email" required/> 
    <input type="password" name="pass" id="pass" placeholder="Password" required/> 
    <input type="submit" name="submit" value="Send" onclick="myFunction()"/> 
    </form> 

    <script> 
    function myFunction() { 
    var name = document.getElementById("name").value; 
    var email = document.getElementById("email").value; 
    var password = document.getElementById("password").value; 
    $.ajax({ 
      type : "POST", //type of method 
      url : "profile.php", //your page 
      data : { name : name, email : email, password : password },// passing the values 
      success: function(res){ 
            //do what you want here... 
        } 
     }); 
    } 
    </script> 

Answer 2

このようないくつかのことを行います。 profile.phpファイルにajaxリクエストを送信してください。あなたはすべてのフォームのインデックスを取得します profile.phpファイルますprint_r（$ _ REQUEST）ON

。

$(document).ready(function() { 
 
    $("form").on("submit", function(event) { 
 
    $.ajax({ 
 
     type: 'POST', 
 
     url: 'profile.php', 
 
     data: $(this).serialize(), 
 
     success: function(data) { 
 
     //success code 
 
     } 
 
    }); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form method="post" name="form" enctype="multipart/form-data" onSubmit="return false;"> 
 
    <input type="text" name="name" id="name" placeholder="Name" required/> 
 
    <input type="email" name="email" id="email" placeholder="Email" required/> 
 
    <input type="password" name="pass" id="pass" placeholder="Password" required/> 
 
    <input type="submit" name="submit" value="Send" /> 
 
</form>

profile.php

ますprint_r（$ _ REQUEST）。このような何かを

Answer 3

ファーストをチェックすることができif(isset($_POST['submit']))を確認することができません....あなたprofile.phpページで確認することができますあなたはajax（ページリロードなし）または直接ポスト（あなたのページをリロード）でデータを投稿することができます。あなたの質問はjqueryにタグ付けしないので、私はajaxを残しています。 フォームデータを投稿する例は、現在のページをリロードしてフォームデータを投稿することですprofile.php enctypeは、enctype="multipart/form-data"の代わりにenctype="multipart/mixed"になります。フォームにファイルを送信したくないからです。

<form method="post" action="profile.php" name="form" id="your_form_id" enctype="multipart/mixed"> 
 
<input type="text" name="name" id="name" placeholder="Name" required/> 
 
<input type="email" name="email" id="email" placeholder="Email" required/> 
 
<input type="password" name="pass" id="pass" placeholder="Password" required/> 
 
<input type="button" name="btnsubmit" value="Send" onclick="myFunction()"/> 
 
</form> 
 

 
<script> 
 
function myFunction() { 
 
//you didn't need to get the data by `document.getElementById()`. just submit your form 
 
//var name = document.getElementById("name").value; 
 
//var email = document.getElementById("email").value; 
 
//var password = document.getElementById("password").value; 
 
    document.getElementById('your_form_id').submit(); 
 

 
} 
 

 
</script>