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

通过jQuery一起提交表单和变量

孔和风
2023-03-14
问题内容

我正在使用两种类型的提交。

有$ .post

$.post('servers_side.php', { var1: var1, var2:var2},
function(result) 
{
some code...
});

它将单独的变量发送到服务器端脚本。

还有一个AjaxSubmit插件可以提交整个表单

$('#form').ajaxSubmit({success: function(result)
{
some code...
}
});

但是,现在我有以下任务,假设我有一个表单和一些必须同时提交的变量。

那么可以一起提交表单+一些变量吗?


问题答案:

更新资料

您可以通过以下方式提交:

var Vars = {var1: var1, var2:var2};
var varsData = $.param(Vars);

// form data
var formData = $('#formID').serialize();

var data = varsData + '&' + formData;

$.ajax({
  type: 'POST',
  url: 'servers_side.php',
  data: data,
  success: function(res){ alert (res) }
})

您可以jQuery.param()用来将数组或对象转换为URL友好的名称/值巴黎。您可能还需要使用jQuery.serialize()将表单数据转换为名称-
值巴黎。这是您可以进行的操作:

var Vars = {var1: var1, var2:var2};
var varsData = $.param(Vars);

// form data
var formData = $('#formID').serialize();

var data = varsData + '&' + formData;

现在data包含您可以在ajax请求中发送的自定义变量和表单元素的所有数据。



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

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

  • 问题内容: 所以假设我有3种形式 每个表单都有自己的提交按钮 现在假设我有另一种形式 其唯一的功能是同时提交所有其他3种形式。…现在这里是约束: 当submitAll提交后,它必须使用Ajax这样做,并且最好通过POST将输入的数据从所有其他3种形式转发到processor.php processor.php需要能够区分输入到哪种形式…然后分别处理每种形式的输入 我的问题是..什么是使proces

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

  • 问题内容: 我在通过Jquery / ajax POST提交带有图像字段的表单(Django表单)时遇到一些问题。即时通讯在imagefield上返回“ Field required”验证错误。 我一直尝试通过添加formData来尝试不同的解决方案,但到目前为止没有任何结果。我在正确的轨道上吗?请指出正确的方向。谢谢! 更新:我可以将imagefield设置为required = false,但

  • 本文向大家介绍jQuery通过ajax快速批量提交表单数据,包括了jQuery通过ajax快速批量提交表单数据的使用技巧和注意事项,需要的朋友参考一下 当表单数据项很多时,手动获取表单项的值将变得效率低下,结合jQuery提供的函数serialize(),我们可以实现快速获取数据并提交表单数据。 请看下面的表单: 我们可以通过自定义函数getFormData()来获取表单的数据,请看下面的例子: