PHP and Ajax using foreach loop in the callback and return array

Question

I'm trying to loop through the Callback from PHP result.

But I can't or I don't know how to return an array as a Callback

This is my PHP code :

$id = $_GET['id'];

$data = file_get_contents('__url');

parse_str($data);

$array = explode(',', $url_encoded_fmt_stream_map);

foreach($array as $item) {
    parse_str($item);
    echo $_GET['callback']."(".json_encode($url).");"; // it should return an array at least 3 urls
}

And this is my Jquery code :

$.ajax({
    url:"file.php",
    dataType: 'jsonp',
    data: {id: id},
    success:function(response){
        $('body').append(response);
    }
});

It gives me one result only but it should return an array, it's working like I did not use foreach loop in the php code.

I tested the PHP code without Ajax Request and it returned an array of urls, but if I used the ajax callback it's returning one url only.

Where from you're getting the $_GET['callback'] ? Your AJAX post only an id — Artur Filipiak
– Artur Filipiak, Commented Feb 20, 2015 at 15:39
@phillip100 i'm not getting it from anywhere, i have to use this callback to return the results to the ajax request! it's the callback, google that. — Amr SubZero
– Amr SubZero, Commented Feb 20, 2015 at 15:40
$_GET['callback'] means that it came from somewhere. Same as with your id - you should post it to $_GET it. Your callback is not what you think it is :-) — Artur Filipiak
– Artur Filipiak, Commented Feb 20, 2015 at 15:42
@CodeGodie i think because i'm using "JSONP" not just "JSON". — Amr SubZero
– Amr SubZero, Commented Feb 20, 2015 at 15:43

Daan · Accepted Answer · 2015-02-20 15:40:50Z

5

It only returns 1 URL because it only returns the first one. You should encode your entire array and loop in the success function like so:

PHP:

$id = $_GET['id'];
$data = file_get_contents('__url');
parse_str($data);
$array = explode(',', $url_encoded_fmt_stream_map);
echo json_encode($array);

JS:

$.ajax({
    url:"file.php",
    dataType: 'jsonp',
    data: {id: id},
    success:function(response){
        var res = JSON.parse(res);
        $.each(res, function(key, index){
           $('body').append(index);
        });
    }
});

answered Feb 20, 2015 at 15:40

Daan

12.3k6 gold badges36 silver badges51 bronze badges

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

5 Comments

Amr SubZero Over a year ago

Thanks for the reply, but first i'm getting an error parsing "parsererror - Parsing JSON Request failed" in the ajax request, second if it should work how can i use the &.each the right way to get every single url and use it whatever i want?

Daan Over a year ago

Try to check if the JSON is valid at jsonlint.com. For your second question create an array variable and while looping put those url's in the array, so you can use them wherever you want.

Amr SubZero Over a year ago

at jsonlint.com it returned an array of what i want, but the problem is when i use the ajax request i get "parsererror" and the request fail. is this happening because i'm using "jsonp" not just "json" ? i think 100% this is cuz i'm using jsonP, and i'm using it cuz the ajax reuqest goes cross domains.

Andreas Louv Over a year ago

Also note that JSONP is for intented for CrossSiteRequests... file.php , in your case you should be able to simply use dataType: 'json'

Amr SubZero Over a year ago

@null Yes sir, i replaced the file url with a placeholder fake 'file.php' but it's originaly a url not just a file.

CodeGodie · Accepted Answer · 2015-02-20 16:38:01Z

3

What if you try something like this:

$id = $_GET['id'];

$data = file_get_contents('__url');

parse_str($data);

$array = explode(',', $url_encoded_fmt_stream_map);

$final_arr = array();
foreach($array as $item) {
    parse_str($item);
    array_push($final_arr , $url);
}

$jsonp = json_encode($final_arr);

if(isset($_GET['callback'])){
    header("Content-Type: application/json");
    echo $_GET['callback'] . '(' . $jsonp . ')';
}else{
    echo $jsonp;
}

and your ajax:

$.ajax({
    url:"file.php",
    dataType: 'jsonp',
    data: {id: id},
    success:function(response){
        var obj = JSON.parse(response);
        $.each(obj, function(key,val){
             console.log(key);
             console.log(val); //depending on your data, you might call val.url or whatever you may have
        });
        $('body').append(response);
    }
});

edited Feb 20, 2015 at 16:38

answered Feb 20, 2015 at 16:10

CodeGodie

12.2k6 gold badges40 silver badges66 bronze badges

5 Comments

Amr SubZero Over a year ago

That's what i'm talking about! .. Now, it returned a list of urls but what if i want to use every url alone? .. btw you're genius :)

CodeGodie Over a year ago

:) you taught me something too. I wasnt aware of how this worked initially. if you now have the list of urls on your ajax result, you can do var obj = JSON.parse(result); then iterate over that object... is that what you meant?

Amr SubZero Over a year ago

Good, that's what i meant but the problem that i don't know how to use jquery $.each correctly to loop through the var obj, tried but failed! if i did that you'll have an accept to your answer immediatly!

Amr SubZero Over a year ago

The Thanks word isn't enough to say :) i really appreciate your help <3 thanks in advance!

Andreas Louv Over a year ago

@CodeGodie Note that when callback is set the content type should be text/javascript and when not set it should be application/json

Collectives™ on Stack Overflow

PHP and Ajax using foreach loop in the callback and return array

2 Answers 2

5 Comments

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related