从Ajax载入页面提交Ajax表单页面

在该页面上有2个窗体，＃form1和＃form2。

我有jQuery的提交表单代码如下：

jQuery("#form1").on('submit', function(e){ 

     e.preventDefault(); 

     var sendurl = '/xxx/xxx/xxx/xxx.php'; 

     var varable1 = jQuery('#infor1').val(); 
     var varable2 = jQuery('#infor2').val(); 
     var varable3 = jQuery('#infor3').val(); 
     var varable4 = jQuery('#infor4').val(); 
     var varable5 = jQuery('#infor5').val(); 
     var varable6 = jQuery('#infor6').val(); 
     var varable7 = jQuery('#infor7').val(); 

     jQuery.ajax({url: sendurl + '?varable1=varable1' + 'varable2=' + varable2 + 'varable3=' + varable3 + 'varable4=' + varable4 + 'varable5=' + varable5 + 'varable6=' + varable6 + 'varable7=' + varable7}).done(function(data) { 

      if(data === 'fail'){ 
       jQuery('.error').html('Something went wrong with your form request please try again!').slideDown(500).delay(4000).slideUp(500); 
       jQuery('input[type=submit]', jQuery("#submittions")).removeAttr('disabled'); 
       return false; 
      } 

      if(data !== 'fail'){ 
       jQuery('#showresults').slideUp(600); 
       jQuery('.show-complete-detail').html(data); 
       jQuery('#applicationcomplete').delay(1500).slideDown(400); 
      } 

     }); 
});

我也曾尝试：

jQuery().submit();

，不能正常工作。

我假设，因为页面加载使用ajax，它无法找到form1的id形式？

有没有人对我出错的地方有任何想法。

谢谢:)

来源

2015-09-23 Robert

，如果你绑定事件的形式附加到文件后，这将是确定。 – teek

对于动态加载的内容，使用事件代表团像这样：

// replacing document with top level parent 
// something like parent container 
jQuery(document).on('submit','#form1', function(e){ ... }

还有一两件事，从一个AJAX网址传递的数据一样，是坏主意，你应该使用数据属性发送数据，请参阅下面的示例：

$.ajax({ 
    type : 'POST', // or GET 
    url : 'your url here', 
    data : { 
     var1 : variable1 
     ....... 
    }, 
    .... Another properties... 
}).done(data){...});

来源

2015-09-23 15:48:55

感谢您的建议和指针，我需要做什么...谢谢:) – Robert

不客气队友.. –

代表的事件到该wasnt动态添加较高水平DOM元素。

即）

$("#FormContainer").on("#form1", "submit",function(){ 
    // Do Form tuff.... 
}); 
$("#FormContainer").on("#form", "submit",function(){ 
    // Do Form tuff.... 
});

来源

2015-09-23 15:35:35 Mark

，没有工作:(我没有做的-1的方式 – Robert

与文档绑定

jQuery(document).on('submit','#form1', function(e){ 


});

使用的console.log为sendurl

console.log(sendurl)

来源

2015-09-23 15:54:16

从Ajax载入页面提交Ajax表单页面

回答

相关问题