JS fetch alle daten ausgeben

08/07/2020 10:35 Cc_Cc_Cc#1

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

08/07/2020 12:37 False#2

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 ;)

08/07/2020 13:27 Cc_Cc_Cc#3

Quote:

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'));
                                
                            });
                            
                        }
                            
                        }
        
                    })
                    
                });

08/07/2020 16:19 False#4

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.

08/07/2020 16:37 Cc_Cc_Cc#5

Quote:

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

08/07/2020 23:25 Devsome#6

Quote:

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

08/09/2020 12:12 Cc_Cc_Cc#7

Quote:

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!