我是最初的程序员。我学习PHP的时间很短,目前我正在为热爱书籍的人编写一个社交媒体应用程序。几天来,用户注册是一个问题,表单被放置在“模式”中,并使用JS添加到那里,问题是发送表单后页面被刷新,所以我想问一下,是否有可能编写脚本,它将返回验证结果而不刷新,并在正确发送数据到数据库后,有关注册的信息出现。
这是指向所有文件代码的链接:https://hastebin.com/pudisakowi.xml
抱歉,如果这是一个愚蠢的问题,但我不知道如何通过这个问题。
我尝试过这样的代码
$(document).ready(function() {
const regiterUrl = "link to the register_page.php";
$("#registerForm").on("submit", function(event) {
event.preventDefault();
const formData = $(this).serialize();
$("#login-text").fadeIn();
$("#div-form").hide();
$("#btn-register").attr("disabled", true);
$.ajax({
type: "post",
url: regiterUrl,
data: $("#registerForm").serialize(),
success: function(response) {
setTimeout(() => {
console.log(response);
$('#exampleModalCenter').modal('hide')
}, 2000);
},
error: function(response) {
alert("WYSTĄPIŁ BŁĄD");
}
});
});
});但它总是成功,并且不会将任何内容保存到数据库。
我将非常感谢您的指导,或者指出当前代码中的错误所在。
发布于 2018-06-24 05:12:25
我快速浏览了一下,我认为这个令人耳目一新的问题是因为type=“提交”。
<button class="btn btn-info" type="submit" name="register">Zarejestruj</button>
你可以这样做:
<button class="btn btn-info register_btn" name="register">Zarejestruj</button>
然后:
$(".register_btn").on("click", function(event)...
此外,你不需要整个东西的表单标签,所以你可以删除表单标签行,如果你想把数据传递给ajax,最好写成data:{param1:value,param2:value}而不是整个注册公式...
我没有测试过,但希望它能对你有所帮助。
干杯
https://stackoverflow.com/questions/51004959
复制相似问题