從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表單頁面

回答

相關問題