无法提交表单而不使用php和ajax调用重新加载页面
我在一页上有许多表格。我想提交每一张表格而不需要重新加载页面。我尝试了很多方法，但都做不到。我有一张类似的表格。我也尝试过使用ajax，但做不到。请帮帮我。现在，我也无法在数据库中插入。
<form id="a" onsubmit="return func();">
<input type="text" name="fname">
<input type="text" name="lname">
<input type="text" name="email">
<input type="submit">
</form>
滑动分页
function func(){
$.ajax({
url:'registration_detail.php?id=' +reg_id,// in this you got serialize form data via post request
type : 'POST',
data : $('#a').serialize(),
success: function(response){
console.log(response);
}
});
return false;
}
共有3个答案
使用以下代码：
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
</head>
<body>
<form onsubmit="return func();">
<input type="text" name="fname">
<input type="text" name="lname">
<input type="text" name="email">
<input type="submit">
</form>
</body>
<script>
function func(){
$.ajax({
url : "example.php", // in this you got serialize form data via post request
type : 'POST',
data : $('form').serialize(),
success: function(response){
console.log(response);
}
});
return false;
}
</script>
</html>
在jquery中处理提交事件时，请确保所有表单都具有唯一的id从表单中删除action=“#”和onsubmit=“”
function func(id){
alert($('#'+id).serialize())
$.ajax({
url:'registration_detail.php',// in this you got serialize form data via post request
type : 'POST',
data : $('#'+id).serialize(),
success: function(response){
console.log(response);
}
});
return false;
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form id="a" onsubmit="return func('a');">
<input type="text" name="fname">
<input type="text" name="lname">
<input type="text" name="email">
<input type="submit">
</form>
<form id="b" onsubmit="return func('b');">
<input type="text" name="fname">
<input type="text" name="lname">
<input type="text" name="email">
<input type="submit">
</form>
<form id="c" onsubmit="return func('c');">
<input type="text" name="fname">
<input type="text" name="lname">
<input type="text" name="email">
<input type="submit">
</form>
不要使用“action”属性，即使使用“#”
如果使用AJAX，请使用"返回False"
$.ajax({
url : "example.php",
type : 'POST',
data : $(this).serialize();
success: function(result){
}
});
return false;
-
问题内容： 我有一个分类广告网站，在显示广告的页面上，我正在创建“向朋友发送提示”表单… 因此，任何想要的人都可以将广告提示发送给某些朋友的电子邮件地址。 我猜该表格必须提交到php页面，对吗？ 提交表单时，页面被重新加载…我不想要… 有什么办法可以使其不重新加载并仍然发送邮件？最好没有ajax或jquery … 谢谢 问题答案： 您需要提交ajax请求来发送电子邮件，而无需重新加载页面。 您的代
-
问题内容： 我有一个分类广告网站，在显示广告的页面上，我正在创建“向朋友发送提示”表单… 因此，任何想要的人都可以将广告提示发送给某些朋友的电子邮件地址。 我猜该表格必须提交到php页面，对吗？ 提交表单时，页面被重新加载…我不想要… 有什么办法可以使其不重新加载并仍然发送邮件？最好没有ajax或jquery … 谢谢 问题答案： 您需要提交ajax请求来发送电子邮件，而无需重新加载页面。 您的代
-
问题内容： 我对jQuery不太熟悉。我正在尝试制作一个无需重新加载页面即可在后台提交的表单。 我有一个隐藏的div，它显示并隐藏单击，在div内有一个表单。 我有两个问题： 1）表单验证失败时，仍将提交表单。我试图设置验证和提交代码的状态，但无法正常工作。 2）提交表单后，div自动隐藏，因此看不到成功的消息。 这是代码： 问题答案： 不应绑定到click事件（），而应绑定到 表单的事件。 我也
-
问题内容： 我想提交表单而不刷新页面，从我阅读的内容来看，它应该可以与Ajax一起使用，我在做什么错？ 当我这样做时，一切都与php和其他东西一起工作： 但是我希望它提交而不刷新页面。 HTML的一部分： JavaScript的一部分： 提前致谢。 编辑：可能已修复它在提交但没有发送提交 问题答案： 解决了它只是替换了： 用这个代替
-
提交表单时如何防止页面刷新？我希望能够单击“提交”，但不刷新页面，只需在按钮下返回一条消息，说“感谢您接受调查！我们一定会联系您的。” 我读了一些文章和问题说，最好的方法是通过AJAX实现它？我希望是否有其他方法可以做到这一点，但如果AJAX是唯一的方法，那么是否有一种代码可以让人容易理解它的功能。 非常感谢大家！
-
问题内容： 我的表单类似于以下内容： 我是AJAX的新手，我要完成的工作是当用户单击“提交”按钮时，我希望脚本在后台运行而不刷新页面。 我尝试了类似下面的代码的方法，但是，它似乎仍然像以前一样提交表单，而不像我所需要的那样（在幕后）： 如果可能的话，我想获得使用AJAX实施此功能的帮助， 提前谢谢了 问题答案： 您需要阻止默认操作（实际提交）。