当前位置: 首页 > 面试题库 >

ajax通过jquery提交多种表单

陶烨赫
2023-03-14
问题内容

所以假设我有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这样做,并且最好通过POST将输入的数据从所有其他3种形式转发到processor.php
  2. processor.php需要能够区分输入到哪种形式…然后分别处理每种形式的输入

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

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

最好将表单中的输入具有相同的名称,以便Processor.php可以平稳执行

是否有使POST字符串作为数组或html" target="_blank">json或任何其他格式传递的方法,以便Processor.php可以区分哪种输入以哪种形式进行输入而无需使输入名称不同?记住它需要通过Ajax这样做

提前致谢!!!


问题答案:

为什么不使用命名约定,例如

  • name =“ Form1 [input]”
  • name =“ Form2 [input]”
  • name =“ Form3 [input]”

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

编辑:

<?php 
foreach($_POST as $form) {
     // $form = array('input' => 'i am here')
     processForm($form); // names are still the same for all forms
}
?>


 类似资料:
  • 问题内容: 我正在尝试通过ajax帖子提交多种表单,但是问题是服务器在帖子中返回了一个空数组。 这是我的JS中的代码: 在服务器端: 我究竟做错了什么?谢谢! 问题答案: 不,没有属性,其: 是标记中使用的属性。 样本输出 旁注:我认为更合适: 另一个例子

  • 问题内容: 我正在使用以下jQuery代码通过AJAX提交表单。 代码完美运行,没有ajax。 但是,如果我通过Ajax加载表单,则无法正常工作。 我认为这是因为JavaScript加载后通过ajax加载了表单。 有什么办法吗? 问题答案: 如果使用jQuery 1.7+,则可以尝试使用.on()委托事件并绑定到具有相同类的所有将来的表单。尝试查找没有动态插入的最接近的父代,而不是$(docume

  • 问题内容: 我想通过jquery ajax提交此表单,这是我所做的,并且不起作用。即表格提交与页面刷新,我没有看到响应,即在同一页面上打印数组。 的HTML PHP(submit.php) 问题答案: 使用此方法-出现一些语法错误,必须提交事件

  • 问题内容: 感谢balexandre和rtiq,我的工作流程已经全部解决。我的.ashx文件正在被调用,所以我知道部分代码正在运行,并且警告我错误。当我跟踪.NET时,通过context.Request[“ email”]和context.Request [“ optin”]引入的变量为NULL。 我知道有什么问题,但看不到。我重新编辑了这篇文章,以获取最新的代码。 HEAD中的jQuery HT

  • 问题内容: 此代码正确吗?我正在尝试提交,如果文本区域再次为空,我也想提交。 我正在尝试上传: 谢谢… 问题答案: 用 代替 如果您使用的是最新版本的jquery。

  • 问题内容: 我有一个带有名称和未定义输入数量的表单。 我想做某种jQuery.get或ajax或类似的事情,它将通过Ajax调用页面,并发送表单的所有输入。 我想一种方法是做类似的事情 但是我不完全知道所有的表格输入。是否有仅发送所有表单输入的功能部件或功能? 问题答案: 您可以使用Ajax表单插件中的ajaxForm / ajaxSubmit函数或jQuery序列化函数。 AjaxForm :