Using Json On PHP Foreach With HTML For Ajax

Question

Could someone please help me out.

How can i put this foreach statement in json_encode for example.

<?php foreach ($movies as $movie) { ?>

  <div>
    <h3><?php echo $movie['title']; ?><h3>
    <img src="/somewhere/<?php echo movie['image']; ?>" />
  </div>

<?php } ?>

So what i want to do is pass all movies from the foreach to json function So i can pass it to ajax

$.ajax({
  type: "GET",
  url: path+'/ajax/somefile.php',
  dataType: 'json',
  data: {page: requestTime},
  success: function(response) {
    var data = $.parseJSON(response.data);
    var $row = $('<div></div>', { 'class': 'row', style: 'display: none;' }).html(data.join(''));
    $row.appendTo('#movie-rating-grid').fadeIn();
  }
});

Could someone explain or show how to do this thanks

What you want to achieve? Provide more information. You show 2 parts of working code and so? — Sharikov Vladislav
– Sharikov Vladislav, Commented May 6, 2014 at 20:32
If you're just going to dump everything in a div, you don't really need json. — jeroen
– jeroen, Commented May 6, 2014 at 20:49

mts7 · Accepted Answer · 2014-05-06 22:29:32Z

1

You might want to update your PHP to have only PHP instead of breaking out of PHP to have HTML.

somefile.php

foreach ($movies as $movie) { 
    $html = '
    <div>
        <h3>'.$movie['title'].'<h3>
        <img src="/somewhere/'.$movie['image'].'" alt="'.$movie['title'].'" />
    </div>
';
    $array[] = $html;
}
echo json_encode($array);

With this approach, you won't need to assign response to data.

movies.html

success: function(data) {
    var $row = $('<div></div>', { 'class': 'row', style: 'display: none;' }).html(data.join(''));
    $row.appendTo('#movie-rating-grid').fadeIn();
}

You could, also, adjust the PHP to give you output like $array[] = array('title' => $movie['title'], 'image' => $movie['image']); and then add the necessary HTML markup in your JavaScript success function.

answered May 6, 2014 at 22:29

mts7

5835 silver badges12 bronze badges

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

Comments

Leo Galleguillos · Accepted Answer · 2014-05-06 21:09:37Z

1

First, you need to encode your movies array as a json string.

$movies_json_string = json_encode($movies);

Then, you simply need to echo it.

echo $movies_json_string;

When ajax retrieves this view, it will interpret it as a json string and appropriately convert it to a json array.

answered May 6, 2014 at 21:09

Leo Galleguillos

2,8203 gold badges29 silver badges50 bronze badges

Collectives™ on Stack Overflow

Using Json On PHP Foreach With HTML For Ajax

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related