Passing multiple data values through AJAX data

Question

I am passing data from a form through a normal AJAX call. What I need to do now is pass two additional variables through it elat and elng

What is the best method to include filter.serialize() and elat elng values through AJAX data?

    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) {
        }
    });

@Ahmad it's input/select fields taken from a form. Wasn't sure if it's relevant for question. — scopeak
– scopeak, Commented Jul 29, 2017 at 15:49

charlietfl · Accepted Answer · 2017-07-29 15:52:13Z

2

You can manually concatenate to the string produced by filter.serialize()

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

Or add hidden inputs to the form before serializing.

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

edited Jul 29, 2017 at 15:52

answered Jul 29, 2017 at 15:46

charlietfl

172k14 gold badges125 silver badges154 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

scopeak Over a year ago

Perfect, went with the hidden input approach. Keeps it more organised! Thanks.

Collectives™ on Stack Overflow

Passing multiple data values through AJAX data

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related