別のページに移動せずにコンテンツを表示する方法

Question

送信ボタン付きのメッセージボックスがあります。送信ボタンをクリックすると、ボックス内のコンテンツをMYSQLデータベースに挿入する必要がありますが、別のページは表示されません。メッセージボックスに入力したばかりのメッセージは、送信後に同じページに表示されるはずです。私は何をすべきか？

Answer 1

<script type="text/javascript"> 
function postData() { 
var order = 'name='+$('#textBoxId').val(); 
$.post("Another_PHP_Page_Path.php", order, function(response,status, xhr){ 
     if (status == "success") { 
      alert(response); 
      $('#divId').text(response); 
     } 
     else if (status == "error") { 
      alert('Something went wrong, we are working to fix it'); 
     }     
}); 
} 
</script> 

注：名前がPHPページに掲載され、データベースにinstertingした後、あなたは、PHP上で何かをエコーすることができますページまたはエコー名を入力すると、同じページで表示されます。ボタンonclickの場合はpostData（）を使用し、ボタンタイプの場合はボタンを送信しないでください。

Answer 2

使用AJAXと呼ばれるものは...

が、これはあなたのコードであると仮定します

<form id="myform" action="something" <!--Add this part-->onsubmit='return sendData()'<!--End of added part-->> 

Enter Message <textarea name="msg" id="msg"></textarea> 
<input type="submit" value="submit" /> 
</form> 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script> 
function sendData(){ 
var msgVal = $("#msg").val(); 

$.ajax({ 
    data:"msg="+escape(msg), 
    url: $("#myform").attr("action"), 
    type: $("#myform").attr("method"), 
    success:function(){ 
     alert($("#msg").val()); 
    } 
}); 

return false; 

} 
</script>