如何使用Jquery觸發頁面加載的表單提交

這看起來好像不應該太難完成，但我很忙，我一直在尋找一個簡單的答案。我需要在網頁加載時提交表單。這是我的AJAX提交功能，工作正常。我只需要弄清楚如何在頁面加載時觸發它。如何使用Jquery觸發頁面加載的表單提交

任何幫助非常感謝！

$("form#seller-agreement-form").submit(function() { 
     // we want to store the values from the form input box, then send via ajax below  
     $.ajax({ 
      type: "POST", 
      url: "http://www2.myurl.com/formhandler", 
      data: "email="+ email + "&status=" + status, 
      success: function(){ 
       $('form#seller-agreement-form').hide(function(){$('div#output').fadeIn();}); 

      } 
     }); 
    return false; 
    });

來源

2011-12-14 Vaughn D. Taylor

提交事件，如果你叫$().submit()它觸發動作; $().submit(function)將處理程序綁定到提交事件。

您可以跳過submit，然後直接調用ajax方法。

$(function() { 
    $.ajax({ 
     type: "POST", 
     url: "http://www2.myurl.com/formhandler", 
     data: "email="+ email + "&status=" + status, 
     success: function(){ 
      $('form#seller-agreement-form').hide(function(){$('div#output').fadeIn();}); 

     } 
    }); 
});

來源

2011-12-14 19:22:00 Mathletics

在窗體上調用$("#seller-form").submit()，這將觸發提交事件。

來源

2011-12-14 19:18:51

爲什麼不

function AjaxCall() { 
    // we want to store the values from the form input box, then send via ajax below  
    $.ajax({ 
     type: "POST", 
     url: "http://www2.myurl.com/formhandler", 
     data: "email=" + email + "&status=" + status, 
     success: function() { 
      $('form#seller-agreement-form').hide(function() { 
       $('div#output').fadeIn(); 
      }); 

     } 
    }); 
    return false; 
} 

AjaxCall(); 

$("form#seller-agreement-form").submit(AjaxCall);

來源

2011-12-14 19:19:17 JesseBuesking

要實際提交頁面加載的形式，你會喜歡寫東西

$(function() { 
    $('#seller-agreement-form').submit(); 
});

但如果你試圖做什麼是公正執行相同您在提交表單時可能會執行的操作，那麼您可能不想提交表單，但只能執行此操作：

function postForm() { 
    $.ajax({ 
     type: "POST", 
     url: "http://www2.myurl.com/formhandler", 
     data: "email="+ email + "&status=" + status, 
     success: function(){ 
      $('form#seller-agreement-form').hide(function(){$('div#output').fadeIn();}); 

     } 
    }); 
} 

$("form#seller-agreement-form").submit(function() { 
    postForm(); 
    return false; 
}); 

$(function() { 
    postForm(); 
});

來源

2011-12-14 19:19:40

$(function() { 
    $("form#seller-agreement-form").submit(function() { 
     // we want to store the values from the form input box, then send via ajax below  
     $.ajax({ 
      type: "POST", 
      url: "http://www2.myurl.com/formhandler", 
      data: "email="+ email + "&status=" + status, 
      success: function(){ 
       $('form#seller-agreement-form').hide(function(){$('div#output').fadeIn();}); 

      } 
     }); 
    return false; 
    }).trigger('submit'); 

});

您可以使用.trigger()函數觸發窗體上的submit事件。我把電話連接起來，所以表格只需要選擇一次。請注意，在觸發submit事件之前，您要確保設置了事件處理程序submit。

文檔：http://api.jquery.com/trigger

來源

2011-12-14 19:20:53 Jasper

確定。這工作，但我似乎陷入了無休止的意見循環。 – 2011-12-14 19:46:35

使用jQuery trigger()功能觸發您的document.ready事件

來源

2011-12-14 19:21:19 kvc

不知道這是你問什麼

$(document).ready(function() { 
    $("form#seller-agreement-form").submit(function() { 
     // we want to store the values from the form input box, then send via ajax below  
     $.ajax({ 
      type: "POST", 
      url: "http://www2.myurl.com/formhandler", 
      data: "email="+ email + "&status=" + status, 
      success: function(){ 
       $('form#seller-agreement-form').hide(function(){$('div#output').fadeIn();}); 

      } 
     }); 
    return false; 
    }); 
});

來源

2011-12-14 19:39:45 Andres

如何使用Jquery觸發頁面加載的表單提交

回答

相關問題