2012-09-29 82 views
0

即時通訊新的Ajax jquery我讀了它,並與代碼混亂,但即時通訊仍然不理解的一些東西,我試圖創建一個消息形式,我想我的腳本在PHP處理消息,當他們的錯誤,我想要在窗體的同一頁上顯示錯誤,並且我也不想在單擊提交時刷新頁面。如何使用ajax jquery的表單消息讓錯誤顯示?

在這裏我得到了什麼,我知道它不是有很多我還在試圖瞭解關於如何使用Ajax的jQuery

<script> 
$.post("message/sendm.php", {message:"#message" }); 

</script> 
    <div id="send" style="color:#000" class="reveal-modal"> 

     <form name="message" method="post" style="background:#999"> 
<table> 
<tr><td>To:<?php echo $user ?></td></tr> 
<tr><td>Message:<textarea style="resize:none" id="message"name="text" rows="10" cols="60"></textarea></td></tr> 
<tr><td><input name="message" type="submit" value="Send!"></td></tr> 
</form> 
    </table> 

我知道它不是有很多我還在試圖瞭解如何與攜手ajax jquery,如果有人知道一本好書學習ajax jquery,請讓我知道。我已經嘗試jquery網站它沒有真正有用它不解釋一切,就像它不解釋如何發送$ _Post到PHP頁面來處理任何錯誤,以及如何在同一頁面顯示它們

回答

1

您可以使用jQuery使ajax調用服務器。我喜歡用的方法是:

$("#form").submit(function (event) { 
    event.preventDefault(); //this stops the default form action 
    $.ajax({ 
     type: 'POST', //this is how you specify post or get 
     url: 'myform.php', //this is where your server file for processing the form goes 
     data: $('#form').serialize(); //serialize all the data from the form 
     success: function (data) { 
       $('#alerts').html(data)//fills the element with the id of alerts with whatever is returned from the php page. 
     } 
    }); 
}); 

然後你只需要處理的信息(在我的例子這將是myform.php在服務器上創建一個頁面從任何PHP頁面,你輸出(即使用echo)將與ID警報的元素出現。

希望這是有幫助的。

+0

好吧謝謝,,我不明白的事情#形式是否抓住表單中的每個$ _post比發送給服務器來處理它?或僅在id位於?處。 '

'或''或者兩種方式都有效嗎? –

0

你要避免使用本地HTML表單提交,如果你去了一個Web 2.0的感覺,而是創建一個按鈕在jquery中使用.button函數,點擊(.onclick),將表單序列化並使用jquery中的.ajax函數將其發佈到後端。通過使用.done函數或成功選項(在Ajax函數內)的響應

相關問題