jquery - 通过 AJAX 数据传递多个数据值

Question

我通过正常的 AJAX 调用从表单传递数据。我现在需要做的是通过它传递两个附加变量 elat 和 elng

通过 AJAX 数据包含 filter.serialize() 和 elat 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));