ウェブサイトに表示されないPHPを修正する

Question

現在、私はクライアントサイド検証を使用してこれを行う簡単な方法があります。

<form id="mail" action="form.php" method="post"> 
    <label for="name">Username</label><input type="text" id="name" name="name" /> 
     <label for="pwd">Password</label><input type="password" id="pwd" name="pwd" /> 
     <label for="email">Email</label><input type="email" id="email" name="email" /> 
    <input type="submit" value="submit"> 
</form> 

とサーバー側の

<?php 
echo "Thanks for joining, " . $_POST["name"] . "!<br />"; 
echo "A confirmation email might have been sent to: " . $_POST["email"] . " if this were a real site.";?> 

何ページ全体を提出クリックしたとき、私はjavascriptの

$('#mail').on('submit', function(e) {   // When form is submitted 
    e.preventDefault();        // Prevent it being sent 
    var details = $('#mail').serialize();   // Serialize form data 
    $.post('form.php', details, function(data) { // Use $.post() to send it 
    $('#mail').html(data);     // Where to display result 
    }); 
}); 

でこれまでにしようとしていることは、PHPのエコーメッセージに変わります。ウェブサイトに表示する方法はありますか？これはそれを処理する必要があり

Answer 1

：あなたはすでにjQueryライブラリを使用しているように見えます

$('#mail').on('submit', function(e) { 
e.preventDefault(); 
    $.get(
     "submit_page.php", 
     { 
      mail: document.getElementById('mail').value, 
      other: document.getElementById('other').value //Some other value 
     }, 
     function(data) { 
      $('#mail').html(data); 
     }); }); 

Answer 2

、あなたは非同期にデータを投稿すると、あなたの現在のページを変更せずに、サーバーからJSON応答を受け取るために、そのAjaxの機能を使用することができます：

$('#mail').on('submit', function(e) 
 
{ 
 
    e.preventDefault(); 
 
    $.ajax(
 
\t { 
 
\t \t data:{"fieldName":fieldValue}, 
 
\t \t type:"POST", 
 
\t \t dataType: "json", 
 
\t \t url: "destination.php", 
 
\t \t success: successFunction 
 
\t }); 
 
} 
 

 
function successFunction(result) 
 
{ 
 
\t alert(result.message); 
 
}

あなたのPHPは次のよ​​うになります。

<?php 
 
    //Some php stuff 
 

 
    $json['message'] = "A confirmation email might have been sent..."; 
 

 
    header('Content-type: application/json; charset=utf-8'); 
 
\t echo json_encode($json, JSON_FORCE_OBJECT); 
 
?>