jquery sending form data and a json object in an ajax call

Question

I'm making a call to another ajax page, the call posts a json object. I also need to send data from a form (not using submit - I have the ajax call attached to a button which uses e.preventDeault()).

The call is as folows:

var myUrl = 'sendswatch-data.php';
            $.ajax({
                url: myUrl,
                data: {'swatchid[]':swatchArray}, 'formdata':$('#orderData').serialize()},
                type: "POST",
                error: function(xhr, statusText, errorThrown){
                    // Work out what the error was and display the appropriate message
                },
                success: function(myData){
                    $('#tabsampleorder').html(myData);
                    $('.tabber').hide();
                    $('#tabsampleorder').show();
                }
            });

I have a form on the page id of formdata.

How do I send this as well as the json object? I've tried

data: {'swatchid[]':swatchArray}, 'formdata':$('#orderData').serialize()},

but that's generating an error.

Richard Dalton · Accepted Answer · 2011-05-09 14:52:08Z

5

You have an extra } after watchArray. Try removing that.

data: {'swatchid[]':swatchArray, 'formdata':$('#orderData').serialize()},

answered May 9, 2011 at 14:52

Richard Dalton

35.8k6 gold badges75 silver badges92 bronze badges

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

1 Comment

zakdances Over a year ago

Is there any way to do this that doesn't require you to explicitly name the field name ('formdata') as a key?

Leons · Accepted Answer · 2011-05-09 14:53:19Z

2

You can send data from the form as follows:

data : { swatchid: swatchArray, formdata: $('#orderData').serialize() }

You will need a parameter in the controller for every field that your add.

answered May 9, 2011 at 14:53

Leons

2,6741 gold badge23 silver badges26 bronze badges

Collectives™ on Stack Overflow

jquery sending form data and a json object in an ajax call

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related