javascript - 通过jquery一起提交表单和变量

标签 javascript jquery ajax forms form-submit

我使用两种类型的提交。

有 $.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请求中发送的自定义变量和表单元素的所有数据。

关于javascript - 通过jquery一起提交表单和变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8103374/

相关文章:

javascript - 等待函数 $.get 完成代码后再继续

javascript - 当脚本执行时 AJAX 调用返回时,JavaScript 会发生什么?

javascript内联如果变量赋值像php

javascript - 如果没有第二个 div,如何为第一个 div 设置 css

javascript - HTML 标签内的高级 JavaScript RegExp 替换

jquery - 选择一个元素及其兄弟元素

javascript - 带有自定义 YouTube 控件的 jQuery Mobile 弹出窗口

javascript - jQuery - $.ajax 返回其他 dataFormat 作为 $post

javascript - 通过 API 获取 tumblr 照片帖子内容,但对于照片集帖子的排列方式有所不同

javascript - 如何将 JavaScript 元素转换为 Web 应用程序或 API?