API-Praktiken abrufen -2
Die am weitesten verbreitete und bekannteste Kommunikationsmethode zwischen Browser und Server ist Http/s. Es ist ein Protokoll, das auf der Grundlage von Request/Response aufgebaut ist. Heute werden wir über Fetch API üben, einen der WebAPI-Typen, die diese Kommunikation bereitstellen.
Vor diesem Artikel empfehle ich Ihnen, Fetch API Practices — 1 Artikel zu lesen. Unser Szenario sieht diesmal wie folgt aus…
Durch Entprellen (0,5s), wenn wir den Benutzernamen in das Textfeld unten schreiben . Mit anderen Worten, jedes Mal, wenn wir die Tastaturtaste drücken, möchten wir, dass der Server durchsucht und das Ergebnis dieser Suche auf dem Bildschirm angezeigt wird, nachdem mindestens 0,5 Sekunden gewartet wurde, ohne zu suchen.
Eine weitere Erwartung ist, dass der Bildschirm State ist.
const UISTATE = {
initial: 'inital (ilk başlangıç)
fetching: 'fetching', (veri çekiliyor)
fetched: 'fetched', (veri başarılı bir şekilde çekildi)
error: 'error', (veri çekilmesinde problem yaşandı)
}
//Toolu indir
npm install -g json-server //JSon Server ilgili port kendi db.json ile calistir.
JsonServer Calıstırın.
json-server --watch db.json --port 3004
Der folgende Teil führt unsere Abrufoperation aus. Wenn wir q=… ausführen, durchsucht es den Server und gibt die Ergebnisse zurück.
Wie Sie an diesem Beispiel sehen können, streuen wir UIState dazwischen. Wir konvertieren zum Abrufen vor der Datenextraktion, zum Abrufen nach dem Datenempfang und zum Fehlerstatus, wenn ein Fehler auftritt.
Und gemäß diesem Zustand führen wir den Render-Vorgang auf dem Bildschirm aus.
Ein wichtiger Punkt hierbei ist, dass das Backend jedes Mal, wenn wir die Tastaturtaste drücken, keinen Abrufvorgang sendet, sondern den Suchvorgang auslöst, wenn sich das gesuchte Wort ändert, indem es 0,5 Sekunden Pause dazwischen setzt.
Dazu müssen wir entprellen. Indem wir eine Suche mit den in 0,5 Sekunden akkumulierten Werten mit einem bestimmten Timer durchführen, ermüden wir das Backend nicht mehr als nötig.
Quellcode
- Probenabruf reagieren
Sie können auf diesen Link klicken, um zum Rest dieses Artikels oder zu anderen Artikeln in der Artikelgruppe zu gelangen .
Suggested posts
Die verheerenden Folgen eines Schlaganfalls vermeiden: Aus der Reise einer Familie lernen.
Einleitung Ein Schlaganfall ist ein medizinischer Notfall, der jeden jederzeit treffen kann. Sie tritt auf, wenn die Durchblutung eines Teils des Gehirns gestört ist, was zu einem plötzlichen Verlust der Gehirnfunktion führt.
Meine am häufigsten verwendeten Codierungsressourcen
Diese Woche erhielt ich eine E-Mail von einem Mitglied der täglichen E-Mail-Liste. Sie wollten wissen: Welche Ressourcen besuchen Sie täglich, wöchentlich und monatlich? Tolle Frage! Ich versuche gerne, einige Einblicke in meinen Arbeitsablauf und die wichtigsten Ressourcen, die ich verwende, mit Ihnen zu teilen.
Related posts
Der Mord an Jordan Neely und das Problem des „patriotischen“ Rassismus
Können die USA den entscheidenden Schritt tun, rassistisches Verhalten nicht mit der Identität eines guten Amerikaners gleichzusetzen?
[Alarm auslösen: Dieser Aufsatz enthält Screenshots von Menschen, die den Mörder von Jordan Neely loben.] Polizeibeamte haben endlich – und vielleicht widerstrebend – Daniel Penny, den Mann, der Jordan Neely bis zu seinem Tod gewürgt hat, wegen dieses Mordes angeklagt.
Die „Learning at Work Week“ ist wichtiger als Sie denken
Es fällt uns oft schwer, das umzusetzen, von dem wir wissen, dass es gut für uns ist. Von der Aussage, dass wir einen Lebensgefährten lieben, bis hin zur Erinnerung daran, wie ein Pirat zu reden – es wird immer diejenigen geben, die behaupten, dass ein Tag, eine Woche oder ein Monat voller Ereignisse nicht nötig sei, weil sie diese Dinge bereits tun.
Die Verfolgung von Christen: Das Hassverbrechen, über das wir nicht sprechen
Vergessen Sie Islamophobie: Christen (und Juden) sind die Hauptopfer religiöser Hassverbrechen.
Jeder rational denkende Mensch weiß, dass die politischen und medialen Kreise von der Linken dominiert werden, sogar von der extremen Linken, ein Zustand, der zu einem Ungleichgewicht im politischen Diskurs führt. Im Bereich der Religion ist dieses Ungleichgewicht deutlich sichtbar: Linke Zeitungen und Netzwerke beeilen sich nicht, den christlichen Glauben zu verteidigen.