javascript - 带有传递动态数据的jQuery表单插件

Question

我正在使用 jquery 表单插件。这是我的示例表格

<form id='formId' action='<?php echo $_SERVER['PHP_SELF']l?>' method='POST'>
<input type='text' name='username'/>
</form>

这是我的 Javascript

$('#formId').ajaxForm({
    success:function(data){
       console.log(data)
    }
})

在这种情况下，我想动态传递另一个数据值而不用 HTML 实现它。例如，我想传递密码字段。有什么方法可以实现这个选项吗？

Answer 1

老问题，但这是一个有效的代码片段。
该方法将以与“Ohgodwhy”回答相同的方式实施

beforeSubmit: function(formData, formObject, formOptions){        
    formData.push(
        {name: 'password',value: 'password/variable'},
        {name: 'username',value: 'username/variable'}
    );
}

您需要像这样传递参数名称和参数值。

Answer 2

从此页面，该beforeSubmit功能允许您挂钩提交的表单数据并注入/修改数据。

它允许 3 个参数，作为数组呈现的表单（这意味着我们可以推入它），作为 jquery 对象呈现的表单（用于序列化），以及与 ajaxForm/ajaxSubmit 一起使用的选项对象。工作示例->

$('#formId').ajaxForm({
  beforeSubmit: function(formData, formObject, formOptions){
    //formData is the form array. We can push the password into the array before we submit the form.
    formData.push({
      password: //this is where you put the password you want
    });
  },
  success:function(data){
   console.log(data)
  }
});