能否一次性传递序列化AJAX数据与其他变量？动态表单POST传参咨询

问题1：能否一次性传递序列化后的AJAX数据与其他变量？ #

当然可以！序列化后的表单数据本质就是一组键值对集合，完全能和额外变量合并后一起传递给后端。这里给你两种常用的实现方式：

• 方式一：转对象后合并
  先把表单序列化的数组转换成键值对对象，再直接添加额外变量：

  // 把表单数据转成键值对对象
  var formObj = {};
  $.each($('form').serializeArray(), function(i, item) {
      formObj[item.name] = item.value;
  });
  // 添加额外变量
  formObj.broi_dni = days;
  

• 方式二：拼接参数字符串
  用$.param()把额外变量转成URL参数格式，再和序列化后的表单字符串拼接：

  var serializedForm = $('form').serialize();
  var extraParams = $.param({ broi_dni: days });
  var combinedData = serializedForm + '&' + extraParams;
  

两种方式都能实现需求，选你习惯的就行。

问题2：动态添加的输入字段与option值一同传递的问题 #

先指出你代码里的明显问题：data: {$('form').serialize(), "broi_dni": days}这个写法不符合JavaScript对象的语法，序列化后的字符串不能直接作为对象的键。我帮你修正代码并解释关键细节：

修正后的完整代码 #

$('#intake_input').on('click',function(e){
    e.preventDefault(); // 阻止按钮默认的表单提交行为，避免AJAX还没执行完就跳转
    var $this = $(this); // 存下当前按钮的引用，解决回调里this指向问题
    var days = $('.intake-pick').find(":selected").val();
    
    // 合并表单数据（含动态添加的输入框）和额外变量
    var formObj = {};
    $.each($('form').serializeArray(), function(i, item) {
        formObj[item.name] = item.value;
    });
    formObj.broi_dni = days;
    
    $.ajax({
        dataType: "json",
        type: "post",
        data: formObj, // 传递合并后的完整参数对象
        cache: false,
        url: '/ajax/intake/intake_ajax.php',
        success: function(result){
            if(result === true){
                $this.closest('form').submit(); // 提交当前按钮所在的表单
            }
        }
    });
});

关键注意点 #

1. 动态输入字段的捕获：只要你动态添加的输入字段在<form>标签内部，并且有name属性，serializeArray()就会自动把它们的值包含进去，不需要额外处理。
2. this指向问题：AJAX的success回调里的this默认指向AJAX配置对象，不是你点击的按钮，所以提前用var $this = $(this)存下按钮引用，后续提交表单时用$this.closest('form').submit()。
3. 阻止默认行为：添加e.preventDefault()防止按钮触发默认的表单提交，确保AJAX请求先完成再执行后续操作。

内容的提问来源于stack exchange，提问作者Dako