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，WITHOUT页面刷新，以及id为“msg”的div应该得到，php回答什么。例如，它回答“帐户已成功注册”，它出现在此div中。我怎样才能做到这一点？（希望使用jQuery）。

Answer 1

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

获取帮助请参考以下链接：

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

Ajax Form Submit with submit button

Answer 2

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

请参阅此问题：Submit a form using 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>

JS形成帖子并得到答案

3 个答案: