Passing data from a form value to ajax call (Javascript)

Question

This may seem like a nub question. I’ll be the first to admit my knowledge of JavaScript is limited, I’m very desperately trying to learn, though. I’m having a bit of trouble when attempting to pass data to an additional field.

$(function () {
    $('#upload_file').submit(function (e) {
        e.preventDefault();
        $.ajaxFileUpload({
            url: './upload/upload_file/',
            secureuri: false,
            fileElementId: 'userfile',
            dataType: 'json',
            data: {
                'title': $('#title').val()
            },
            success: function (data, status) {
                if (data.status != 'error') {
                    $('#files').html('<p>Reloading files...</p>');
                    refresh_files();
                    $('#title').val('');
                }
                alert(data.msg);
            }
        });
        return false;
    });
});

As you can see above, I'm passing across the title value in the data parameter of the AJAX call. This is successful. The question is, how would I go about passin additional forum values within the data param?

Ruan Mendes · Accepted Answer · 2011-10-03 23:51:57Z

4

Just separate the next values with commas.

data : {
        title : $('#title').val(),
        name : "hi",
        message : "I'm another param"
},

edited Oct 3, 2011 at 23:51

Ruan Mendes

92.7k31 gold badges161 silver badges225 bronze badges

answered Oct 3, 2011 at 23:47

rwilliams

21.5k6 gold badges53 silver badges55 bronze badges

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

1 Comment

Elliott Over a year ago

Much appreciated. Would the original syntax vary a bit for passing values defined by a selection box?

ifightcrime · Accepted Answer · 2011-10-03 23:51:55Z

1

An easy way to grab all form values is like this:

data: $('#my-form').serialize()

Works pretty well for me in most cases, unless I only want to grab specific values. You can read more about it here: http://api.jquery.com/serialize/

Either way, the above answer is probably what you want, I just thought I'd throw in a quick tip. I was pretty pumped when I first figured this out :)

answered Oct 3, 2011 at 23:51

ifightcrime

1,32215 silver badges18 bronze badges

Collectives™ on Stack Overflow

Passing data from a form value to ajax call (Javascript)

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related