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的序列化（）函數，它只是簡單地將你的領域進入一個格式爲a = 1的字符串。所以你當然可以將這個函數應用到兩個字段並連接結果，它們之間有一個&。

請試試這個片段。

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

var seializedTwoFields = formfield1+'&'+formfield2;