0

我是ajax jquery的新手，我读过它并弄乱了代码，但我仍然不了解一些东西，我试图创建一个消息表单，我希望我的php脚本处理消息，当他们出错时，我想要错误显示在表单的同一页面上，我也不希望页面在单击提交时刷新。

在这里我得到了什么，我知道它并不多，我仍然试图了解如何使用 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 页面以处理任何错误以及如何在同一页面上显示它们

4

2 回答 2

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 警报的元素中。

希望这会有所帮助。

于 2012-09-29T05:50:59.850 回答
0

如果您想要一种 Web 2.0 的感觉，您希望避免使用本机 HTML 表单提交。而是使用 jquery 中的 .button 函数创建一个按钮。单击 (.onclick) 时，序列化表单并使用 jquery 中的 .ajax 函数将其发布到后端。您可以使用 .done 函数或成功选项（在 Ajax 函数中）来处理响应

于 2012-09-29T06:01:02.747 回答