Json Datensatz mit Ajax auslesen

FreshManu · 2 Juli 2015

Hallo,
Ich habe ein PHP Code der ein RSS-Feed einließt und als Json-Datensatz ausgibt. Nun möchte ich mit Ajax diesen json Datensatz lesen und in HTML ausgeben, kann mir da jemand helfen bzw. auf tutorials verweißen?

PHP Code:

Code:

<?php
    header('Content-Type: application/json');
    $feed = new DOMDocument();
    $feed->load('http://www.hotel-and-destination-marketing.com/feed/');
    $json = array();

    $json['title'] = $feed->getElementsByTagName('channel')->item(0)->getElementsByTagName('title')->item(0)->firstChild->nodeValue;
    $json['description'] = $feed->getElementsByTagName('channel')->item(0)->getElementsByTagName('description')->item(0)->firstChild->nodeValue;
    //$json['link'] = $feed->getElementsByTagName('channel')->item(0)->getElementsByTagName('link')->item(0)->firstChild->nodeValue;

    $items = $feed->getElementsByTagName('channel')->item(0)->getElementsByTagName('item');

    $json['item'] = array();
    $i = 0;

    foreach($items as $item) {

     $title = $item->getElementsByTagName('title')->item(0)->firstChild->nodeValue;
     $description = $item->getElementsByTagName('description')->item(0)->firstChild->nodeValue;
     //$link = $item->getElementsByTagName('link')->item(0)->firstChild->nodeValue;

     $json['item'][$i++]['title'] = $title;
     $json['item'][$i++]['description'] = $description;
     //$json['item'][$i++]['link'] = $link;
    }
    echo json_encode($json);
   ?>

scbawik · 2 Juli 2015

FreshManu schrieb:

Hallo,
Ich habe ein PHP Code der ein RSS-Feed einließt und als Json-Datensatz ausgibt. Nun möchte ich mit Ajax diesen json Datensatz lesen und in HTML ausgeben, kann mir da jemand helfen bzw. auf tutorials verweißen?

PHP Code:

Code:

header('Content-Type: application/json');
$feed = new DOMDocument();
$feed->load('http://www.hotel-and-destination-marketing.com/feed/');
$json = array();

$json['title'] = $feed->getElementsByTagName('channel')->item(0)->getElementsByTagName('title')->item(0)->firstChild->nodeValue;
$json['description'] = $feed->getElementsByTagName('channel')->item(0)->getElementsByTagName('description')->item(0)->firstChild->nodeValue;
/*$json['link'] = $feed->getElementsByTagName('channel')->item(0)->getElementsByTagName('link')->item(0)->firstChild->nodeValue;*/

$items = $feed->getElementsByTagName('channel')->item(0)->getElementsByTagName('item');

$json['item'] = array();
$i = 0;


foreach($items as $item) {

   $title = $item->getElementsByTagName('title')->item(0)->firstChild->nodeValue;
   $description = $item->getElementsByTagName('description')->item(0)->firstChild->nodeValue;
   $pubDate = $item->getElementsByTagName('pubDate')->item(0)->firstChild->nodeValue;
 
 
   $json['item'][$i++]['title'] = $title;
   $json['item'][$i++]['description'] = $description;
   $json['item'][$i++]['pubdate'] = $pubDate;
}
echo json_encode($json);

http://api.jquery.com/load/
http://api.jquery.com/jquery.ajax/

FreshManu · 2 Juli 2015

Mein JS Code:

Code:

<ul>
  </ul>
  <script>
  $(document).ready(function(){

    $.getJSON('rssfeed.php', function(data) {

      $.each(data, function(key, val) {
        $('ul').append('<li id="' + key + '">' + val.title + ' ' + val.description + ' ' + '</li>');
      });
    });
  });

Hier nochmal das Json Datenformat:
<body>
{"title":"hotel-and-destination-marketing.com","description":"Ein weiterer WordPress-Blog","item":[{"title":"Bis 24. Juli Steuervorteile sichern!"},{"description":"Ein haufen TExt"},{"title":".... usw.

Es wird aber nichts ausgegeben :/

scbawik · 2 Juli 2015

FreshManu schrieb:
Mein JS Code:

Code:

<ul> </ul> <script> $(document).ready(function(){ $.getJSON('rssfeed.php', function(data) { $.each(data, function(key, val) { $('ul').append('<li id="' + key + '">' + val.title + ' ' + val.description + ' ' + '</li>'); }); }); });

Hier nochmal das Json Datenformat:
<body>
{"title":"hotel-and-destination-marketing.com","description":"Ein weiterer WordPress-Blog","item":[{"title":"Bis 24. Juli Steuervorteile sichern!"},{"description":"Ein haufen TExt"},{"title":".... usw.

Es wird aber nichts ausgegeben :/

Was hat der <body> tag dort zu suchen?
Schau einfach mal in die Browserkonsole…

Json Datensatz mit Ajax auslesen

FreshManu

Neues Mitglied

scbawik

Senior HTML'ler

FreshManu

Neues Mitglied

scbawik

Senior HTML'ler

Neueste Beiträge