php - JS表单发布并获得答案

Question

对不起我的英语，这不是我的国语。

我的问题是下一个：

我想将表单的所有输入的值发布到 php 文件并获得答案并将其写入 div。

例如：

我有一个前面有空白 div 的表单：

<div id="msg" name="msg"></div>

<form method="???" action="???">
<input type="text" name="login" id="login" value="" />
<input type="password" name="passwd" id="passwd" value="" />
<input type="submit" value="send" />
</form>

当我单击“发送”时，它应该将所有输入值发送到，例如，register.php，没有页面刷新，并且 id 为“msg”的 div 应该得到什么 php 答案。比如回答“账号注册成功”，就出现在这个div中。我怎样才能做到这一点？（希望使用 jQuery）。

Answer 1

向表单添加name属性，在您的提交按钮上调用 ajax 函数以动态提交数据register.php并成功替换innerHtmldiv 中的消息。

如需帮助，请参阅以下链接：

https://stackoverflow.com/a/8820803/1687983

使用提交按钮提交 Ajax 表单

Answer 2

使用应该使用 jQuery ajax 功能 http://api.jquery.com/jQuery.post/ http://api.jquery.com/jQuery.ajax/

看到这个问题：使用 jQuery 提交表单

还有这个问题：Submit form using AJAX and jQuery

已经有足够多的文档可用了。您是否甚至寻找过解决方案？

Answer 3

您应该使用 jQuery 事件 : submit 来解释提交，如下所示：

$('form#regForm').submit( function() {
   $.post( 'register.php', $('form#regForm').serialize(), function(data) {
       //Use the data to understand how the registration went.
       $("#msg").html("Good/Bad");
   }
   return false;
);
});

的HTML：

<div id="msg" name="msg"></div>
<form id="regForm" method="post" action="register.php">
    <input type="text" name="login" id="login" value="" />
    <input type="password" name="passwd" id="passwd" value="" />
    <input type="submit" value="send" />
</form>