How to get multiple return value from php by javaScript / jquery?

Question

This is my javaScript code :

$(document).ready(function() {
    $('#IMDB').click(function() {  
       var MovieID = $('#MovieID').val();

       $.post('action/action.php', { url: "http://api.themoviedb.org/3/movie/"+MovieID
+"?append_to_response=credits,images&api_key=myapikey" }, function(data) {
           $("#test").html(data);
       });
    });
});

When I click the button I get imdb id from my input field which I inserted then I get the actual result from php. this is my php code.

<?php 
    $url = $_POST['url'];
    $url2 = file_get_contents($url);
    $json = json_decode($url2, true); //This will convert it to an array
    $title = $json['original_title'];
    $imdb = $json['imdb_id'];

    echo $title;
    echo $imdb;

    return true;

?>

But I get result like this :

Batman: The Killing Jokett4853102

One is movie title and another is imdb id in same html tage. but I want to display my each result in each html tag like this :

$("#test").html(data); // result 1  -- movie title
$("#test2").html(data); // result 2 --- imdb id

Please help me how to get multiple value?

echo json_encode(array($title, $imdb)); then use the object returned. — AbraCadaver
– AbraCadaver, Commented Aug 3, 2016 at 16:57

Rob M. · Accepted Answer · 2016-08-03 16:58:53Z

7

It would probably be easiest just to output the entire JSON structure and work with that in Javascript, but if you just want the title and id, change your individual echo calls to one with a hash:

header('Content-Type: application/json');
echo json_encode(array(
  'title' => $title,
  'id' => $imdb
));

Then you can reference them in your javascript using:

var id = data.id;
var title = data.title;

answered Aug 3, 2016 at 16:58

Rob M.

36.6k6 gold badges56 silver badges51 bronze badges

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

3 Comments

Kieran E Over a year ago

OP: This is the best answer. I recommend using this as a jumping-off point.

Kamruddin Bivob Over a year ago

wow thanks a lot @Rob M . perfect answer thank you so much :) :)

Rob M. Over a year ago

No problem, glad it helped you!

Zakaria Acharki · Accepted Answer · 2016-08-03 17:27:39Z

2

You could simply return an array instead of separated values :

return json_encode([$title,$imdb]);

Then in your js parse the returned data and pluck the attributes you want from it :

data = JSON.parse(data);

$("#test").html(data[0]); 
$("#test2").html(data[1]);

Or you could add json to the $.post request the you don't have to parse the returned data :

$.post('action/action.php', { url: ...}, function(data) {
    $("#test").html(data[0]); 
    $("#test2").html(data[1]);
}, "json");
//__^^^^__

Hope this helps.

edited Aug 3, 2016 at 17:27

answered Aug 3, 2016 at 16:56

Zakaria Acharki

67.5k15 gold badges79 silver badges106 bronze badges

1 Comment

Kamruddin Bivob Over a year ago

it returns only one word :( first letter of movie title

Collectives™ on Stack Overflow

How to get multiple return value from php by javaScript / jquery?

2 Answers 2

3 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related