ajax通过jquery提交多个表单

2023-12-01

所以假设我有 3 种形式

<form name="form1">
<input name="input"></input>
<submit></submit>
</form>

<form name="form2">
<input name="input"></input>
<submit></submit>
</form>

<form name="form3">
<input name="input"></input>
<submit></submit>
</form>

每个表单都有自己的提交按钮

现在假设我有另一种形式

<form id="submitAll">
<submit value="submit all"></submit>
</form>

其唯一功能是同时提交所有其他 3 份表格......现在是限制:

  1. 当submitAll被提交时,它必须使用Ajax来完成,并将输入数据从所有其他3个表单转发到processor.php,最好通过POST
  2. handler.php 需要能够区分哪些输入进入哪个表单...然后分别处理每个表单的输入

我的问题是......使processor.php能够区分哪些输入属于哪种形式的最佳方法......

我之前的尝试是使用 jquery 的序列化来序列化所有 3 个表单的输入,但随后它将所有输入合并到一个字符串中,并注意到由于表单中的输入具有相同的名称,因此该字符串类似于“input=blah&input” =blah&input=blah”,我无法区分哪个输入进入哪个表单......

最好让表单中的输入具有相同的名称,以便processor.php可以顺利执行

是否有办法使 POST 字符串作为数组或 json 或任何其他格式传递,以便processor.php 可以区分哪个输入进入哪个表单而不使输入名称不同?请记住它需要通过 Ajax 来完成

提前致谢!!!


为什么不使用像这样的命名约定

  • 名称=“表单1[输入]”
  • 名称=“表单2[输入]”
  • 名称=“Form3[输入]”

然后进行常规序列化和 $.post,这将帮助您在处理器循环中保持相同的命名约定

EDIT:

<?php 
foreach($_POST as $form) {
     // $form = array('input' => 'i am here')
     processForm($form); // names are still the same for all forms
}
?>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

ajax通过jquery提交多个表单 的相关文章

  • 使用 jQuery .load 时防止滚动到顶部

    我的网站上有三个按钮 当您单击每个按钮时 它们会使用 load 将不同的内容添加到 DIV 中 我遇到的问题是 每当您单击按钮时 它都会将您带回页面顶部 我尝试过使用 PreventDefault 并返回 false 但它对我不起作用 我可
  • jquery 对于每个具有相似 id 的元素

    我在页面上有很多元素 ID1 ID2 ID3 我想操纵所有元素 有没有更简单的方法来做到这一点 ID each function 您可以使用 选择器 Example div id ID 选择 DOMID属性开头为ID 即 ID1 IDID
  • jquery javascript 从 JSON 对象中删除对象数据

    我有 JSON 对象 看起来像下面的对象 这个对象可以持续几天 所以我想知道我是否可以删除完整的集合 相当于下面示例中的位置 0 或位置 1 我必须首先迭代该对象并尝试找出哪个是哪个 假设我要删除邮政编码为 06238 的集合 我需要运行整
  • Chrome 不渲染
    标签,FF 渲染

    我有一个非常烦人的问题 我的网站有一个表单 可以在 Firefox 中运行 但不能在 IE 或 Chrome 中运行 它是用 WordPress 的 Gravity Forms 制作的 但这可能与该问题无关 因为另一个表单插件也出现了同样的
  • 在javascript中执行函数队列

    我正在尝试创建一个包含多个函数的函数队列 创建后我想依次执行每个函数 但是这些函数内部有延迟指令 所以我想等待每个函数完成执行后再继续 我的尝试 var funqueue funqueue push function fun1 funque
  • 文本替换为jquery

    所以我使用 jquery 来搜索和替换 html 页面中的某些文本 这是 function offon sidebar li each function this html this html replace Off Premise Liq
  • 每 x 秒重复一次代码,但如果 [在此处插入检查] 则不重复

    这是后续这个问题 https stackoverflow com questions 13304471 javascript get code to run every minute 我在那里找到了如何使代码每 x 秒重复一次 是否有可能举
  • 如何使用 jQuery 将各种元素包装在 div 标签中?

    我有一个 html 结构 如下所示 h5 Title h5 p Content p ul li Item li li Item li ul p Content p h5 Title h5 p Content p ul li Item li
  • 在 Ace Editor 中键入空格会产生特殊字符

    我已经在我的网站中安装了 ace 编辑器 尽管当我在开发环境中测试它时 现在使用相同的代码我遇到了输入错误 特别是在按空格或删除时 当我单击空格时 会出现奇怪的字符 这是我的代码示例和我所看到的图像 function var editor
  • 如何在 joomla 模块中通过 javascript 发送输入文件类型

    我想将带有 javascript 的文件发送到 php 文件 我的 php 文件中有这个表单
  • 什么是 jQuery valHook?

    阅读完有关valHooks in a jQuery 缺陷 http bugs jquery com ticket 9319最近在一个fiddle http jsfiddle net bV5fu 1 我搜索了 jQuery 文档和 Googl
  • 是否有 IE 渲染完成事件?

    在尝试确定页面加载时间为 20 秒的原因时 我发现 IE8 中有一些奇怪的行为 场景是这样的 我进行 ajax 调用 它返回并且回调看起来像这样 StoreDetailsContainer html tableHtml var StoreD
  • 验证插件在更新面板中不起作用

    我有一个更新面板 面板内有文本框和按钮可用 现在我正在使用 jQuery Validation 插件 但是在更新面板中使用时验证插件不起作用 例如 function GetAddressTargetList var objArray new
  • 带有子节点的拖放区域

    我有一个带有多个子节点的拖放区域 主要元素有dropenter and dropleave事件 但是 如果您将文件拖动到主元素内部和子节点上方 则dropleave被触发 如何处理 以便dropleave仅当拖动的元素和鼠标位于主元素之外时
  • 使 div 的大小与其内部图像的大小相同

    我有一个带有以下代码的div HTML div img src img logo png div CSS div imgContainer width 250px height 250px padding 13px 问题是用户可以编辑图像大
  • 在窗口调整大小和窗口加载时动态调整 pixi 舞台及其内容的大小

    我正在尝试在窗口调整大小时动态调整 pixi 舞台 画布和内容 的大小 并且最初以浏览器窗口的大小加载 而不改变比例 我使用以下内容将初始大小基本上设置为window innerWidth window innerHeight 但它做了一些
  • Jquery 点击事件在设备(ipad、iphone ..)中的 li 上不起作用

    Jquery 单击事件在设备中的 li 上不起作用 我尝试使用 click 和 touchstart 事件 但是使用 touchstart 时的问题是我无法向下滚动 div 当我尝试通过单击 li 向下滚动时 它会被选中 有没有办法使用任何
  • jQuery可排序发布数据,但没有数据

    谁能告诉我我在这里缺少什么 我的数据似乎总是空的 我做错了什么 document ready function nav sortable connectWith nav axis y update function event ui var
  • 查看元素的所有 dom 事件

    我有一个 jQuery UI 日期选择器 当您单击日期时 它会清除我的 URL 哈希值 并且不会更改文本框中的日期 我假设某个地方还有其他一些 JavaScript 实用程序 它也正在调用某种委托事件 抛出错误并终止 jquery 处理程序
  • HTML:JavaScript:阻止表单提交并调用 Javascript 函数

    我想在按下表单中的提交按钮时进行 AJAX 调用 事实上我无法删除

随机推荐