脚本宝典收集整理的这篇文章主要介绍了使用PHP MySQL中的jQuery AJAX提交表单而无需重新加载，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。
这就是我目前所拥有的,它无法正常工作.它不显示任何错误消息.
HTML – signup.html
<!DOCTYPE html> <html lang="en"> <head> <tITle>Signup</title> <Meta charset="utf-8"> </head> <body> <form> <table> <tbody> <tr> <td> <input type="text" name="First" placeholder="First Name" id="first"> </td> </tr> <tr> <td> <input type="text" name="last" placeholder="Last Name" id="last"> </td> </tr> <tr> <td> <input type="submit" value="Signup" id="signup"> </td> </tr> </tbody> </table> </form> </body> </html>
JavaScript – signup.js
function submit() {
$("form").submit(function(e) {
e.preventDefault();
$.ajax({
type: 'POST',url: 'signup.PHP',data: $('form').serialize(),success: function() {
console.LOG("Signup was successful");
},error: function() {
console.log("Signup was unsuccessful");
}
});
});
}
$(document).ready(function() {
submit();
});
<?PHP include_once "db_connect.PHP"; $post_FirstName = $_POST['first']; $post_LastName = $_POST['last']; $addData = "INSERT INTO details (firstname,lastname) VALUES ('$post_FirstName','$post_LastName')"; if ($conn->query($addData) === TRUE) { echo "Working"; } else { echo "Not working"; } ?>
这是JSFiddle.
我希望你们能帮忙.提前致谢 ：)
$(document).ready(function() {
$("#signup").click(function(e) {
e.PReventDefault();
$.ajax({
type: 'POST',data: $('form').serialize()
success: function() {
console.log("Signup was successful");
}
error: function() {
console.log("Signup was unsuccessful");
}
});
});
$post_FirstName = $_POST['first']; // name is `first` not `firstname`
以上是脚本宝典为你收集整理的使用PHP MySQL中的jQuery AJAX提交表单而无需重新加载全部内容，希望文章能够帮你解决使用PHP MySQL中的jQuery AJAX提交表单而无需重新加载所遇到的问题。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。