JSON in HTML darstellen

didi577

Hi,

ich möchte das Ergebnis einer MySQL Abfrage in HTML darstellen. Ich habe folgenden Code:

Das Model:

PHP

<?php
namespace App\Ticket;

class ModelOffenStartseite
{
  public $offen_index;
}

 ?>

Die Helferklasse:

PHP

<?php
namespace App\Ticket;

require_once 'TicketRepository.php';
require_once 'ModelOffenStartseite.php';
use PDO;

if(isset( $_POST['class']) && isset( $_POST['method'])) {
     $myTicketRepository = new TicketRepository($pdo = new PDO('mysql:dbname=db; host=1234', 'xxx', 'yyy'));
     $result = $myTicketRepository->ladeOffen();
     echo json_encode($result);
}

$pdo = null;
?>

Alles anzeigen

jQuery:

Code

$.ajax({
     type: "POST",
     data: {
       class:'TicketRepository',
       method:'ladeOffen'
     },
     url: "../../src/Ticket/HandlerOffenStartseite.php",
     dataType: "html",
     success: function(data) {
      
      document.getElementById("h4").innerHTML = data;
     },
 } );

Alles anzeigen

das Ergebnis der Abfrage in der console.log stimmt:

[{offen_index: "626"}]
1. 0: {offen_index: "626"}

in der HTML Datei wird [{offen_index: "626"}] angezeigt.

Ich will aber nur die Zahl 626 in der HTML darstellen.

wer kann mir helfen?

Sempervivum

Das Problem lässt sich leicht lösen: Nachdem Du die Struktur in PHP JSON-kodiert hast, musst Du sie im Javascript auch wieder dekodieren. Entweder im success-Handler mit json.parse() oder indem Du statt $.ajax $.getJSON verwendest.

didi577

ich habe es jetzt so implementiert:

Code

$.ajax({
     type: "POST",
     data: {
       class:'TicketRepository',
       method:'ladeOffen'
     },
     url: "../../src/Ticket/HandlerOffenStartseite.php",
     dataType: "html",
     success: function(data) {

       var text = data;
       var obj = JSON.parse(text);
       document.getElementById("h4").innerHTML = obj.offen_index;

     },
 } );

Alles anzeigen

als Ergebnis bekoome ich in HTML ein undefined

es kann wirklich nur noch eine Kleinigkeit sein...

didi577

ich habe es jetzt so gelöst:

Code

var obj = JSON.parse(data);
       document.getElementById("h4").innerHTML = obj[0].offen_index;

es funktioniert

vielen Dank für deine Hilfe

Jetzt mitmachen!