2012-02-20 32 views
0

我有一個提交按鈕的消息框,當我單擊提交按鈕時,框中的內容應該插入到MYSQL數據庫中,但不會轉到另一個頁面。我剛剛在消息框中輸入的消息應該在提交後顯示在同一頁面中。我該怎麼辦?如何顯示內容而不打開另一頁

+0

有自己的表單動作來定位自己,'

method =「post」>',只要確保在腳本的頂部有'isset($ _ POST)'。 – 2012-02-20 01:07:48

+0

我看起來像你正在尋找一個AJAX解決方案。你不想刷新頁面是否正確? – 2012-02-20 01:11:35

+0

實際上這停留在同一頁面,但數據沒有插入到數據庫中。 – jibz 2012-02-20 01:15:46

回答

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(),按鈕類型應該是按鈕不提交。

+0

這不會將您的網頁重定向到另一個網頁... – 2012-02-20 01:14:04

4

使用一些所謂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> 
相關問題