<form method="post" action="#" name="sign-up" id="sign-up">
<label for="name">Name:</label>
<input type="text" id="name" name="name">
<label for="last-name">Last Name:</label>
<input type="text" id="last-name" name="last-name">
<label for="age">Age:</label>
<input type="text" id="age" name="age">
<label for="email">Email:</label>
<input type="email" id="email" name="email">
<input type="submit" value="Verify" id="submit-form">
</form>
<div id="result"></div>
<script>
(function() {
$('form').on('submit',function(e) {
e.preventDefault();
$('#verify').slideUp();
$.ajax({
type: "POST",
url:"https://externalhost/file.php",//not the actual host
data: $('form').serialize(),
success: function(result) {
$('#result').html(result); }
});
});
})();
如您所见,我正在尝试为我的访问者制作订阅表格,但我遇到了麻烦。
首先,我无法检查是否所有字段都已完成,因为它正在显示结果,例如使用 .show()。
其次,$.ajax 形式它自己正在工作,我正在接收所有信息以及它在 MySql 中注册的所有内容,因此通过 $.ajax 调用的外部文件也很好,但结果它没有显示出来。
此外,这将是一个 Facebook 应用程序,但它也不能在 Facebook 上运行:/
谁能帮助我,我在这里做错了什么?
编辑:
虽然标记中的 # 是一个错误,但我修复了它,但它再次不起作用:/