javascript - Send jQuery $.data object through $.ajax GET - Stack Overflow

I have a form with a pile of input fields. I want to make a ajax GET request with all of the fields! Easiest way so far looks like assigning the inputs to a data object:

$('#myForm').find('input').each(function(index){ 
    myData = $.data($('#myForm'), $(this).attr('name'), $j(this).val());
});

...and then pump it through the ajax:

$.ajax({
    type:"GET",
    url: '/otherpage.php',
    data = myData,
    error(function(){}),
    success(function(){});
});

But of course it doesn't work... no $_GET variables show up in the otherpage.php, and the console shows that myData is some huge object deal.

How do you send data through ajax like this? Is there a better way?

I have a form with a pile of input fields. I want to make a ajax GET request with all of the fields! Easiest way so far looks like assigning the inputs to a data object:

$('#myForm').find('input').each(function(index){ 
    myData = $.data($('#myForm'), $(this).attr('name'), $j(this).val());
});

...and then pump it through the ajax:

$.ajax({
    type:"GET",
    url: '/otherpage.php',
    data = myData,
    error(function(){}),
    success(function(){});
});

But of course it doesn't work... no $_GET variables show up in the otherpage.php, and the console shows that myData is some huge object deal.

How do you send data through ajax like this? Is there a better way?

• javascript
• php
• jquery
• ajax

Share Improve this question Follow edited Dec 22, 2015 at 11:15 Brian Tompsett - 汤莱恩 5,8937272 gold badges6161 silver badges133133 bronze badges asked Jan 21, 2012 at 21:02 emcemc 50711 gold badge77 silver badges2525 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 6

Use the jQuery serialize(); method:

$.ajax({
    type:"GET",
    url: '/otherpage.php',
    data = $('#myForm').serialize(),
    error(function(){}),
    success(function(){});
});

http://api.jquery./serialize/

$.ajax({
    type:"GET",
    url: '/otherpage.php',
    data = $('#myForm').serialize(),
    error(function(){}),
    success(function(){});
});

Hope it'will help you.