如何使用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触发页面加载的表单提交

回答

相关问题