JS fetch alle daten ausgeben

[Cc_Cc_Cc]

Hi,

ich habe ein kleines Problem, ich wollte, dass man einen Buchstaben eingibt z.b jetzt "a", dass dann alle Namen erscheinen die mit A anfangen.

Das klappt auch aber ich, wollte das beim klicken des ausgewählten mein Inputfeld den Value übernimmt bzw das der Name drauf steht.

Die Api ist so aufgebaut:

 Spoiler

{
    "names": [
        {
            "id": "1",
            "name": "Jonas"
        },
        {
            "id": "2",
            "name": "Marvin"
        }
    ]
}

 Spoiler

PHP Code:

            keyName.addEventListener('keypress', function(el) {
                
                var q = el.target.value;
                
                keyName.value = q;
                
                fetch('http://127.0.0.1/names/name.php?q='+q)
                    .then(response => response.json())
                    .then(res => {
                        

                        if(res.records.length > 0) {
                        
                        
                        const html = res.records
                        .map(user => {
                            return `<li>${user.name}</li>`;
                        })
                        
                        document.querySelector('.output-auto-data').innerHTML = html;
                        
                        }
            
                        
                    }).
                    catch(err => { 
                        
                        console.log(err);
                        
                    });
                    
            }); 


[False]

Schau dir bitte noch einmal dein Response an und was du im javascript mit dem Response machst.

Die Daten stimmen nicht überein, dann kann es auch nicht funktionieren, würde man in wenigen Minuten debuggen herrausgefunden.
Das mit den Grundlagen muss ich denke ich nicht noch einmal erwähnen

[Cc_Cc_Cc]

Originally Posted by False

Schau dir bitte noch einmal dein Response an und was du im javascript mit dem Response machst.

Die Daten stimmen nicht überein, dann kann es auch nicht funktionieren, würde man in wenigen Minuten debuggen herrausgefunden.
Das mit den Grundlagen muss ich denke ich nicht noch einmal erwähnen

Danke erstmal für die Anwort , weiss aber jetzt nur nicht warum da immer nach jedem Namen ein Komma ist:

 Spoiler

Code diesmal:

 Spoiler

PHP Code:

            keyName.addEventListener('keyup', function(el) {
                
                var q = el.target.value;
                
                keyName.value = q;
                
                fetch('http://127.0.0.1/names/name.php?q='+q)
                    .then(response => response.json())
                    .then(res => {
                        

                        if(res.records.length > 0) {
                        
                        const html = res.records
                        .map(user => {
                            const data = '<li value='+ `${user.name}` + 'class=q>' + `${user.name}` + '</li>';
                            return data;
                        })
                        
                        document.querySelector('.output-auto-data').innerHTML = html;
                        
                        var data_q = document.querySelectorAll('.q');
                        
                        for(i = 0; i <= data_q.length; i++) {
                        
                            data_q[i].addEventListener('click', function(e) {
                                
                                alert(e.target.getAttribute('value'));
                                
                            });
                            
                        }
                            
                        }
        
                    })
                    
                }); 


[False]

Da du das Forum scheinbar wirklich nur für c&p nutzt, machen wir es mal anders herum.
Du bekommst keine direkte Antwort wo der Fehler liegt.

Was und wie hast du bisher versucht zu debuggen ?
Ich gehe mal davon aus das es nicht viel war da zwischen unseren Posts nur 50 minuten liegen und die Zeit wo du mein Post noch nicht gesehen hast noch abgezogen werden muss.

[Cc_Cc_Cc]

Originally Posted by False

Da du das Forum scheinbar wirklich nur für c&p nutzt, machen wir es mal anders herum.
Du bekommst keine direkte Antwort wo der Fehler liegt.

Was und wie hast du bisher versucht zu debuggen ?
Ich gehe mal davon aus das es nicht viel war da zwischen unseren Posts nur 50 minuten liegen und die Zeit wo du mein Post noch nicht gesehen hast noch abgezogen werden muss.

Danke erstmal für die Zeit auch wenn du nicht genau sagen möchtest was der Fehler ist, aber ist ja auch normal muss ja lernen. Hab bis jetzt debuggt, und auch funktionen nachgeschaut. Hab am Ende der Variable const html ein .join(" "); hinzugefügt, nun klappt es

[Devsome]

Originally Posted by Cc_Cc_Cc

Danke erstmal für die Zeit auch wenn du nicht genau sagen möchtest was der Fehler ist, aber ist ja auch normal muss ja lernen. Hab bis jetzt debuggt, und auch funktionen nachgeschaut. Hab am Ende der Variable const html ein .join(" "); hinzugefügt, nun klappt es

Die Frage von false war, was und wie du debuggt hast. Debuggen ist für einen Entwickler wichtig, wenn man es richtig macht (es gibt viele Wege, und jeder Mensch debuggt anders) kommt man schneller an sein Ziel. Ich würde mich wünschen, wenn du beim nächsten Thread deine Wege wie du versucht hast den Fehler zu finden und was du alles schon geändert hast. (Deine Schritte)

So ist es für uns auch dann einfacher dir zu helfen bzw. dich auf den richtigen Weg zu leiten.

Grüße

[Cc_Cc_Cc]

Originally Posted by Devsome

Die Frage von false war, was und wie du debuggt hast. Debuggen ist für einen Entwickler wichtig, wenn man es richtig macht (es gibt viele Wege, und jeder Mensch debuggt anders) kommt man schneller an sein Ziel. Ich würde mich wünschen, wenn du beim nächsten Thread deine Wege wie du versucht hast den Fehler zu finden und was du alles schon geändert hast. (Deine Schritte)

So ist es für uns auch dann einfacher dir zu helfen bzw. dich auf den richtigen Weg zu leiten.

Grüße

Alles klar werde ich machen!