jQuery ajax 仅序列化 2 个字段

Question

我知道如何序列化整个表单，如下例所示，或者通过更改行来序列化表单的一个特定字段：

data: $('form').serialize(),

到

data: $('#input-field').serialize(),

.

$(document).on('input paste', '#soap', function () {
  $.ajax({
     type:'POST',
     url:'/soap',
     headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
     data: $('form').serialize(),
         success:function(data){
            $('input[id=msg]').val(data.msg);
         }
    });
});

但我想序列化 2 个具有 id 的输入字段....怎么做？

Answer 1

方式1：通过逗号分隔的选择器，您可以使用以下代码将两个字段一起序列化

var seializedTwoFields = $('#input-field1,#input-field2').serialize();

方式 2： 当您使用 jQuery serialize() 函数时，它只是将您的字段转换为格式为 a=1 的字符串。因此，您当然可以将此函数应用于两个字段并将结果连接起来，并在它们之间使用 &。

请试试这个 sn-p。

var formfield1 = $('#input-field1').serialize();
var formfield2 = $('#input-field2').serialize();

var seializedTwoFields = formfield1+'&'+formfield2;