Pass array through jquery ajax request?

Question

Trying to pass an array to a php page using an ajax request. The current response is ction Array() { [native code] } as opposed to the actual array contents (which im positive is not empty). Here my code:

    function GetPaginationPage(array1) {
    var jsonString = JSON.stringify(array1);

    $.ajax({
        type: "POST",
        url: "includes/get_pagination_page.php",
        data: {data : jsonString},
        success: function(data){ 
        $('.contestants_list').append(data);
        }
        });
};

UPDated with json, its now passing 'undefined'

use an Object instead, everything is preatty much the same. Like data = new Object() ... data['some_key'] = 'some_value'; ... and you can send it over just fine. — Carlo Moretti
– Carlo Moretti, Commented Jul 12, 2012 at 15:17
How are you calling GetPaginationPage? What happens when you console.log(array1)? — gen_Eric
– gen_Eric, Commented Jul 12, 2012 at 15:27
Using a php array.GetPaginationPage(<?php echo $contestants_array; ?>); $contestants_array being an array — Jonah Katz
– Jonah Katz, Commented Jul 12, 2012 at 15:29
@JonahKatz: You can't pass PHP arrays to JavaScript like that. Use GetPaginationPage(<?php echo json_encode($contestants_array); ?>); — gen_Eric
– gen_Eric, Commented Jul 12, 2012 at 15:30

gen_Eric · Accepted Answer · 2012-07-12 15:41:37Z

1

There's no reason to use JSON.stringify here. Just send the array normally to PHP.

function GetPaginationPage(array1) {
    $.ajax({
        type: "POST",
        url: "includes/get_pagination_page.php",
        data: {
            data: array1
        },
        success: function (data) {
            $('.contestants_list').append(data);
        }
    });
}

Now in PHP, $_POST['data'] will be an array.

UPDATE: You said you're calling GetPaginationPage like this:

GetPaginationPage(<?php echo $contestants_array; ?>);

You need to change that to:

GetPaginationPage(<?php echo json_encode($contestants_array); ?>);

When you echo an array in PHP, it gets converted to the string "Array", which is intrepreted by JavaScript as the Array object.

edited Jul 12, 2012 at 15:41

answered Jul 12, 2012 at 15:26

gen_Eric

228k42 gold badges304 silver badges343 bronze badges

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

2 Comments

Jonah Katz Over a year ago

think were getting close. Its now posting data:[object Object] data:[object Object] data:[object Object] where we need the actual object, not the face that its an object

gen_Eric Over a year ago

@JonahKatz: Seems like it's being converted to a string somewhere. Make sure you're not using .join(','), that won't work with an array of objects. What happens when you console.log(array1)?

Tom Walters · Accepted Answer · 2012-07-12 15:16:43Z

0

Convert the array to a string before passing it like so:

array1.join(',');

Or if it's a complex array consider JSON:

JSON.stringify(array1);

answered Jul 12, 2012 at 15:16

Tom Walters

15.6k7 gold badges59 silver badges75 bronze badges

3 Comments

Jonah Katz Over a year ago

Update my question using your answer. its now passing underfined

Tom Walters Over a year ago

Which simply means there's nothing in your variable. Are you sure you have something in "array1"?

Jonah Katz Over a year ago

Yes. I i can print it and theres tons of data. Is it possible im not passing it correctly?

Nigel B · Accepted Answer · 2012-07-12 15:16:51Z

0

The way I did this was to create the array in JavaScript as a delimited (~) string & then I used the explode php function to load into an array.

answered Jul 12, 2012 at 15:16

Nigel B

3,5973 gold badges38 silver badges54 bronze badges

Collectives™ on Stack Overflow

Pass array through jquery ajax request?

3 Answers 3

2 Comments

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related