fetch json output

lahras04

Hallo!

Wie kann ich etwas fetchen und dann in einer Box(oder in einem DIV Feld) ausgeben lassen wie z.b den Premium Status?

Ich habe z.b jetzt eine API Namens Kunde:

Spoiler anzeigen

JavaScript

{
    "records": [
        {
            "id": "3",
            "Name": "Jana Müller",
            "Premium": "1",
            "Aktiv": "1",
            "Gender": "W"
        }
    ]
}

Alles anzeigen

HTML:

Spoiler anzeigen

HTML

<form class="form" method="POST">
        <label class="email">Email</label>
        <input type="text" id="kunde-data" class="kunde" placeholder="kunde">
        <button type="button" id="data_x" class="send_data">senen</button>
</form>

Und jetzt möchte ich dies fetchen und anzeigen lassen.

Spoiler anzeigen

JavaScript

var kundeParam = 'api.php?kunde=';
    var HttpClient = function() {
        this.get = function(kundeParam, aCallback) {
        var anHttpRequest = new XMLHttpRequest();
            anHttpRequest.onreadystatechange = function() { 
                if (anHttpRequest.readyState == 4 && anHttpRequest.status == 200)
                    aCallback(anHttpRequest.responseText);
                }

                anHttpRequest.open( "GET", kundeParam, true );            
                anHttpRequest.send( null );
            }
        }

                var btn2 = document.getElementById('data_x');
                
                btn2.addEventListener('click', function() {
                    
                var urldata = document.getElementById('kunde-data').value;
                    
                var client = new HttpClient();
                
                client.get(kundeParam + urldata, function(response) {
                    // Wie kann ich hier was anzeigen lassen bzw den Premium Status ob der Aktiv (1) oder UnAktiv (0) ist?
                });

Alles anzeigen

Oder gibt es ne bessere möglichkeit?

Jetzt mitmachen!