JavaScript的:发送多个submitions([removed] send multiple

2019-06-24 14:09发布

我有这样的HTML代码:

<form name="input" action="html_form_action.asp" method="post" id="formID">
Username: <input type="text" name="user" />
          <input type="submit" value="Submit" />
</form>

<script>
    for (i=0;i<10;i++) {document.getElementById('formID').submit; }
</script>

我想提出同样的事情多次。
但你可以猜到,它总是提交一次,并刷新页面。

我怎样才能避免这种情况,并提交很多次我想要什么?

Answer 1:

使用Ajax默默发送请求到服务器(即没有刷新)。

或者,而不是提交表单的10倍,为何不动循环到你的ASP文件 - 您的表单提交一次,事情发生10次以上的服务器上。

你想做什么?



Answer 2:

除了使用Ajax,你也可以设置形式为“_blank”的目标,造成形式提交到一个新的窗口或标签。

<form target="_blank" name="input" action="html_form_action.asp" method="post" id="formID">

因为你让它这样你就可以去了,而浏览器可以打开多个窗口。

这将是令人难以置信的恼人的用户,虽然。 我希望你知道你在做什么。



Answer 3:

您必须通过Ajax的提交形式。 使用JQuery.Ajax

$(function(){
  $.ajax({
    url:'html_form_action.asp',
    data: $("form").serialize(),
    // other setting
    success: function(){
      // what you do after post
    }
  });
});

访问: http://api.jquery.com/jQuery.ajax/其他设置



Answer 4:

试试这个:

$('form[name="formname"]').submit(function(){
    form = $('form[name="formname"]').serialize();  
    url1 = 'http://...';
    url2 = 'http://...';

    $.ajax({
        url:url1,
        type:'POST',
        data:form,
        success:function(result){
            $.ajax({
                url     :url2,
                type    :'POST',
                data    :form,
                success :function(result){
                }
            });
        }
    });
    return false;
});

与表单Peplace URL1和URL2的名称替换表格名称



文章来源: JavaScript: send multiple submitions