Heim > Artikel > Web-Frontend > Einfache Verwendung von Promise-Objekten
Das Promise-Objekt ist eine in es6 vorgeschlagene Lösung zur Lösung asynchroner Rückrufe. Als Neuling habe ich diese Sache erst kürzlich herausgefunden. Ich schreibe diesen Artikel in der Hoffnung, einige Ratschläge von Experten zu erhalten. Gleichzeitig denke ich, dass er auch für unerfahrene Freunde hilfreich sein wird, die Versprechen nicht verstehen.
Kein Unsinn mehr über die Einführung von Versprechen. Wenn Sie es nicht verstehen, können Sie selbst nach einem einfachen Beispiel für Versprechen suchen Ich glaube, ich habe einige Versprechungen gesehen, aber ich habe große Angst vor ihm (denn als ich das nicht verstand, dachte ich, dass es sehr hochwertig sei). habe ein neues Verständnis von ihm. Als nächstes hänge ich direkt eine einfache Ajax-Anfrage an, die ich geschrieben habe:
function get(url) { return new Promise((resolve, reject) => { var ajax = new XMLHttpRequest(); ajax.open('GET', url); ajax.onreadystatechange = function() { if (ajax.readyState == 4) { if(ajax.status == 200){ resolve(ajax); }else{ alert(2); reject(); } } } ajax.send(); }); } document.getElementById('btn').onclick = function() { get('b.json').then(function(res) { console.log(res.responseText); document.getElementById('p1').innerHTML = res.responseText; }); }
Da es es6-Objekte einführt, verwendet dieser Artikel einige es6-Syntax. Falls Schüler sie nicht verstehen Kann Baidu selbst zwei Parameter erhalten: Auflösen und Scheitern (wenn mein Verständnis falsch ist, hoffe ich, dass mich jemand korrigieren kann, ich werde es einfach befolgen). Schritte von Ajax. Es gibt nicht viel zu sagen, wir geben das Versprechensobjekt direkt in der Get-Funktion zurück, verbinden unsere Ajax-Methode mit diesem Versprechensobjekt und schließlich ist die Ajax-Anfrage erfolgreich. Zu diesem Zeitpunkt ist die Auflösung praktisch, und dann ist es vorbei. Wenn es nicht erfolgreich ist, lehnen Sie es einfach ab (entspricht einem Anforderungsfehler).
Endlich ist dieser einfache Versprechensfall abgeschlossen. Sie können ihn in Ihrer eigenen Umgebung testen
Das obige ist der detaillierte Inhalt vonEinfache Verwendung von Promise-Objekten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!