AJAXデータで複数のデータ値を渡す

Question

通常のAJAX呼び出しでフォームからデータを渡しています。それを介して2つの追加の変数を渡す私が今行う必要があるelatと

AJAXデータを通じてfilter.serialize()とelatelng値を含めるための最良の方法は何ですかelng？

var elat = place.geometry.location.lat(); 
    var elng = place.geometry.location.lng(); 

    var filter = $('#filter'); 

    $.ajax({ 
     url: filter.attr('action'), 
     data:filter.serialize(), //Pass [elat] and [elng] through here too. 
     type: 'POST', 
     dataType: 'json', 
     success: function(response) { 
     } 
    }); 

Answer 1

は手動filter.serialize()

data:filter.serialize() + '&elat=' + elat + '&elng=' + elng, 

またはシリアライズする前に、フォームに隠し入力を追加することにより、生成された文字列に連結することができます。

filter.append($('<input>',{type:'hidden', name:'elat'}).val(elat)); 
filter.append($('<input>',{type:'hidden', name:'elng'}).val(elng));