使用 Ajax 请求在 DIV 中加载的 Ajax 表单在提交时重定向 - Framework7

帕梅拉

我正在使用 Framework7 在 myapp.js 中加载一个 Ajax 页面,如下所示:

$('#myForm').validate({
rules: {
aiterms: {
required: true
    }
},
submitHandler: function(form) {
$$.ajaxSetup({ cache: false });
var myterms;
var mybookingid;
$("#submit").unbind().click(function() {
myterms = $("#myterms").val();
mybookingid = $("#my_booking_id").val();
if ($('#myterms').is(":checked")==false)
{
myApp.alert('You need to accept terms to proceed further!', 'Terms Not Accepted!'); 
    }
else
{
$$.ajax({
type: "POST",
url: "submit1.php",
dataType : 'html',
data: {myterms1: myterms,mybookingid1: mybookingid },
cache: false,
success: function(result){
$("#mycontent" ).empty();
$("#mycontent").html(result);
},//success
error: function(result) 
     {   
myApp.alert('We are unable to process data due to technical reasons!', 'Error');
      }  
   });
}//else
return false;
     });
   }//submit handler
}); //validate  

来自 my_submit1 页面的表单在#mycontentdiv 中更新

<div  id="mycontent" >  

第二页中的表单提交为

<form id="form2">
....
<input type="submit" name="submit"  id="mysubmit1" value="Submit" />

在 myapp.js 中:

$$(document).on('click','#mysubmit1',function(){
var a = $("#a").val();
var b = $("#b").val();
var c = $("input[name='c']:checked").val(); //radio button
.....

if(a == '')
{
myApp.alert('Please select and enter data a!', 'Insufficient Data');
  }
else if(b =='')
{
myApp.alert('Please select and enter data b!', 'Insufficient Data');
   }
else if ($('.c').is(":checked")==false)
{
myApp.alert('Please select whether c selected or not!', 'Insufficient Data');
   }
...
else
{
$$.ajax({
type: "POST",
url: "submit2.php",
dataType : 'html',
data: {a: a,b: b,c: c},
cache: false,
success: function(result){
$("#mycontent" ).empty();
$("#mycontent").html(result);
},//success
error: function(result) 
{   
myApp.alert('We are unable to process data due to technical reasons!', 'Error');
       }  
    });
  }//else
return false;

});

提交警报时加载的第二个表单会立即显示,并且页面正在被重定向此外,变量作为 GET 传递而不是作为 Ajax 请求中指定的 POST 传递

第一个表单提交是正确更新 div。问题仅发生在第二个表单中(替换了 div 中的表单数据)。我无法检测到原因。我通过第二个请求的方式有问题吗??

尼拉利

在 myapp.js 中更新:

更改自

$$(document).on('click','#mysubmit1',function(){

$$(document).on('click','#mysubmit1',function(e){
e.preventDefault();

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用AJAX和JQuery在div中加载HTML页面

来自分类Dev

如何使用AJAX和JQuery在div中加载html页面

来自分类Dev

在文本框中加载ajax请求

来自分类Dev

在文本框中加载ajax请求

来自分类Dev

如何使用Ajax提交刷新fancybox中加载的内容

来自分类Dev

使用jQuery验证和MVC验证在Ajax中加载的表单

来自分类Dev

Ajax发布表单在加载时自动提交

来自分类Dev

加载时无法在ajax中加载jquery

来自分类Dev

使用旧输入数据重新加载或提交表单后重定向到相同的ajax页面

来自分类Dev

在ajax请求后重新加载div

来自分类Dev

根据AJAX请求重新加载div

来自分类Dev

如何使用Ajax在表单提交时一个接一个地加载div

来自分类Dev

如何使用Ajax在表单提交时一个接一个地加载div

来自分类Dev

如何使用Ajax在Wordpress中加载帖子?

来自分类Dev

如何使用Ajax在Wordpress中加载帖子?

来自分类Dev

用ajax表单加载div区域提交?

来自分类Dev

用ajax表单加载div区域提交?

来自分类Dev

jQuery未在Ajax请求的脚本标记中加载js文件

来自分类Dev

如何修复在scrapy中加载更多ajax请求

来自分类Dev

回声表单使用AJAX提交给div

来自分类Dev

Ajax 在表单提交时发送多个请求

来自分类Dev

AJAX POST无法在CODEIGNITER中加载div视图

来自分类Dev

AJAX请求仅加载/打开特定的div,而不使用JQuery?

来自分类Dev

使用ajax加载表单,然后再次使用ajax提交

来自分类Dev

jQuery AJAX加载使用AJAX的表单

来自分类Dev

使用JQuery提交由Ajax加载的表单

来自分类Dev

使用jQuery进行AJAX请求后停止重定向

来自分类Dev

使用jQuery进行AJAX请求后停止重定向

来自分类Dev

使用$ .ajax GET未提交请求

Related 相关文章

热门标签

归档