多次提交form-Js 循环多次提交表单只有最后一次有效

问题描述

Js 循环多次提交表单只有最后一次有效: 最近完成一个功能时需要调用其他站点的一个接口，因为跨域也无法控制对方的程序。实现采用Iframe 加多个form提交的方式。因为对方的接口只能接收单个参数，所以必须循环多次form submit(),测试发现循环时估计submit还未完全反应过来，就会继续下次循环，所以只有最后一次来的急提交成功，中间如果添加alert阻塞的话，就能成功提交。但是不能每次都弹alert 请问各位大神有什么办法解决多次提交表单，避免最后一次有效的情况。不考虑用ajax之类其他的，因为ajax跨域Post方式无法使用。

解决方案

我想问下最后这个问题有没有解决呢?如果有解决麻烦发下解决方案，谢谢！邮箱为307795150@qq.com

时间： 2024-12-31 04:22:42

多次提交form-Js 循环多次提交表单只有最后一次有效的相关文章

基于jQuery通过jQuery.form.js插件使用ajax提交form表单_javascript技巧

我们在提交表单的时候,如果没有使用ajax提交,页面都会自己刷新一下,显得非常的不友好,所以我们需要把我们的表单提交修改为ajax的模式,可以让用户清楚地知道他们在提交表单的时候处在哪一个阶段:正在提交?提交成功? 我简单使用了一下,jQuery Form插件有一下优点: 1.支持提交前验证. 2.支持提交后回调. 3.采用AJAX方式,有很好的用户体验 4.提交方式是灵活.只要指定要提交的form ID即可.想提交那个form.就可提交那个.同时提交参数可配置. 5.支持提交多种类型数据.如:

JS两种类型的表单提交方法实例分析_javascript技巧

本文实例分析了JS两种类型的表单提交方法.分享给大家供大家参考,具体如下: 1.原始的 <form method="post" action="/student/stureg/add" id="form1" onsubmit="return subForm();"> <button type="submit" class="button red" style="

jQuery form插件之formDdata参数校验表单及验证后提交_jquery

Form Plugin API 里提供了很多有用的方法可以让你轻松的处理表单里的数据和表单的提交过程. 测试环境:部署到Tomcat中的web项目. 一.引入依赖js <script src="jquery-1.3.1.js" type="text/javascript"></script> <script src="jquery.form.js" type="text/javascript"&g

js动态创建上传表单通过iframe模拟Ajax无刷新的具体实现

这篇文章主要介绍了js动态创建上传表单通过iframe模拟Ajax无刷新的具体实现,需要的朋友可以参考下代码如下: <script> window.onload=function(){ upfile('file.php'); } /* ** url 路径 **/ function upfile(url){ //创建iframe var iframe = document.createElement("iframe"); document.b

JS+DIV+CSS实现仿表单下拉列表效果_javascript技巧

本文实例讲述了JS+DIV+CSS实现仿表单下拉列表效果.分享给大家供大家参考.具体如下: JS+DIV+CSS实现仿表单下拉列表效果,是完全用CSS技术再配合JS实现的效果,用来代替传统的Select下拉框,虽然目前来说,此代码还有些粗糙,但对于美化列表的样式来说,可能以后会更方便,要比Select方便的多. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-div-css-fselect-codes/ 具体代码如下: <!DOCTYPE

js实现文件上传表单域美化特效_javascript技巧

一款效果非常时尚的文件上传表单域美化特效,下面给出制作的简要教程. 先上几个效果饱饱眼福: 使用方法这些文件上传域的美化使用的方法都是隐藏原生的<input type="file">元素,然后使用一个<label>元素来制作美化效果. HTML结构该文件上传域美化效果最基本的HTML结构如下: <input type="file" name="file" id="file" class=&qu

关于在SSH框架中表单提交的action路径，为什么我表单不能够转向另一个jsp页面

问题描述关于在SSH框架中表单提交的action路径,为什么我表单不能够转向另一个jsp页面这是我的Struts.xml文件 /jsp/admin/addCharpter.jsp/jsp/admin/addCharpter.jsp/jsp/admin/showCharpter.jsp/jsp/admin/modifyCharpter.jsp 这是我的jsp文件的表单路径求大神指点,非常感谢!!! 解决方案你的控制器代码怎么写的,返回的结果和这里的是否对应? 解决方案二: 点击这里解决方

纯JS实现可拖拽表单的简单实例_javascript技巧

因为要用到可拖拽表单,个人要比较喜欢自己动手,不怎么喜欢在不懂实现或者原理的情况下用插件,所以查找资料实现了一个. 思路:放入:用mousedown判断鼠标点击的位置是否在触发控件的位置,如果是,mousemove的时候clone一个控件,修改透明度,然后放入容器内的时候remove这个控件,并且在容器内生成一个放入的控件(放入的控件和触发的控件可以不一样) 拖拽:同样的, mousedown的时候判断是哪个控件,mousemove的时候需要放一个占位div放在原有的位置上,并将元素修改透明度然

Laravel 中使用 Vue.js 实现基于 Ajax 的表单提交错误验证操作

本教程基于Laravel 5.4 开始之前首先准备好开发环境,我们假设你已经安装好 Laravel,至于 Vue 的引入,请参考官方文档. 做好上述准备工作后就可以开始我们的开发了,本教程中我们将演示文章发布页面的表单验证 . 首先在 routes/web.php 中新增两条路由规则: Route::get('post/create', 'PostController@create'); Route::post('post/save', 'PostController@save'); 然后在项

简单form标准化实例——语义结构_表单特效

1.使用fieldset和legend标签在form中,我们经常会对form中的信息进行分组,比如注册form,我们可能会将注册信息分组成基本信息(一般为必填),详细信息(一般为可选),那我们如何更好的来实现呢?我们可考虑在form中加入下面两个标签: 复制代码代码如下: fieldset:对表单进行分组,一个表单可以有多个fieldset legend:说明每组的内容描述 Basic Register First name: ... Detailed Register Interest: