Übung JavaScript Meteo Httphttps://www.golabs.ch/education/internet/jjas/resources/meteo/http?&atomFri, 29 Mar 2024 08:12:29 +0000stack.ch
https://stack.ch/
162897eb-eda4-11ee-8c11-005056bb85fbSimtech AG - Ausbildung - Internet Web Kurse - Kurs Javascript Programmierung - Kurs JavaScript ES6 Programmierung - Ressourcen - Kurs JavaScript ES6 Programmierung - Repetition Meteo - Übung JavaScript Meteo Http
https://www.golabs.ch/education/internet/jjas/resources/meteo/http
162899e8-eda4-11ee-8c11-005056bb85fbFri, 29 Mar 2024 08:12:29 +0000Übung JavaScript Meteo Http
https://www.golabs.ch/education/internet/jjas/resources/meteo/http
16289b2d-eda4-11ee-8c11-005056bb85fbFri, 29 Mar 2024 08:12:29 +0000
https://www.golabs.ch/education/internet/jjas/resources/meteo/http
16289ca0-eda4-11ee-8c11-005056bb85fbFri, 29 Mar 2024 08:12:29 +0000Neu wollen wir die Temperaturen über die URL https://www.simtech-ag.ch/education/internet/jjas/resources/meteo/http/temperatures.json und dem NodeJS Http Module laden.Die main.js Anwendung soll die Daten wie dem neu zu programmierenden MeteoDataHttpJSON Objekt asynchron lesen via Callback Funktion:let meteoDataHttpJSON = new MeteoDataHttpJSON('https://www.simtech-ag.ch/education/internet/jjas/resources/meteo/http/temperatures.json', () => {
MeteoRun(meteoDataHttpJSON);
});Die Klasse MeteoDataHttpJSON zeigt das folgenden Gerüst:import MeteoData from './MeteoData.js';import http from 'http';
export default class MeteoDataHttpJSON extends MeteoData {
constructor(url, callback) {
super();
this.url = url;
this.callback = callback;
var options = {
host: 'www.simtech-ag.ch',
path: '/education/internet/jjas/resources/meteo/http/temperatures.json'
};
http.request(options, this.httpCallback.bind(this)).end();
}
httpCallback(response) {
let jsonData = '';
//another chunk of data has been received, so append it to `str`
response.on('data', function (chunk) {
jsonData += chunk;
});
let _this = this;
//the whole response has been received, so we just print it out here
response.on('end', function () {
// TODO
_this.callback();
});
}
}
Interessant ist der Aufruf this.httpCallback.bind(this), damit bindet man die Methode an das richtige Objekt.
https://www.golabs.ch/education/internet/jjas/resources/meteo/http
1628a47c-eda4-11ee-8c11-005056bb85fbFri, 29 Mar 2024 08:12:29 +0000Lösen Sie bitte die Aufgabe wie folgt:Kopieren Sie die Lösung Meteo Data um in ein neues Verzeichnis.Erstellen Sie die Datei MeteoDataHttpJSON.js gemäss dem obigen Programmgerüst MeteoDataHttpJSONy und programmieren Sie die fehlende //TODO Sequenz aus.Passen Sie das Hauptprogramm (z.B. main.js) gemäss dem obigen Script mit der Variante Http JSON an.Testen Sie das Resultat.
https://www.golabs.ch/education/internet/jjas/resources/meteo/http
1628a706-eda4-11ee-8c11-005056bb85fbFri, 29 Mar 2024 08:12:29 +0000Eine mögliche Lösung finden Sie hierÜber uns
https://www.golabs.ch/about
Fri, 29 Mar 2024 08:12:29 +00001628b0c6-eda4-11ee-8c11-005056bb85fbAktuell
https://www.golabs.ch/
Fri, 29 Mar 2024 08:12:29 +00001628b175-eda4-11ee-8c11-005056bb85fbAGB
https://www.golabs.ch/agb
Fri, 29 Mar 2024 08:12:29 +00001628b25f-eda4-11ee-8c11-005056bb85fbBildungswege
https://www.golabs.ch/bildungswege
Fri, 29 Mar 2024 08:12:29 +00001628b303-eda4-11ee-8c11-005056bb85fbBlog
https://www.golabs.ch/blog
Fri, 29 Mar 2024 08:12:29 +00001628b3fb-eda4-11ee-8c11-005056bb85fbRufen Sie mich an
https://www.golabs.ch/callus
Fri, 29 Mar 2024 08:12:29 +00001628b4a4-eda4-11ee-8c11-005056bb85fbCharts
https://www.golabs.ch/charts
Fri, 29 Mar 2024 08:12:29 +00001628b587-eda4-11ee-8c11-005056bb85fbConsulting
https://www.golabs.ch/consulting
Fri, 29 Mar 2024 08:12:29 +00001628b62a-eda4-11ee-8c11-005056bb85fbKontakt
https://www.golabs.ch/contact
Fri, 29 Mar 2024 08:12:29 +00001628b701-eda4-11ee-8c11-005056bb85fbAusbildung/Kurse
https://www.golabs.ch/education
Fri, 29 Mar 2024 08:12:29 +00001628b7d8-eda4-11ee-8c11-005056bb85fbSoftware Engineering
https://www.golabs.ch/engineering
Fri, 29 Mar 2024 08:12:29 +00001628b882-eda4-11ee-8c11-005056bb85fbFreelancer
https://www.golabs.ch/freelancer
Fri, 29 Mar 2024 08:12:29 +00001628b960-eda4-11ee-8c11-005056bb85fbImpressum
https://www.golabs.ch/impressum
Fri, 29 Mar 2024 08:12:29 +00001628ba05-eda4-11ee-8c11-005056bb85fbKursleiter
https://www.golabs.ch/kursleiter
Fri, 29 Mar 2024 08:12:29 +00001628bb29-eda4-11ee-8c11-005056bb85fbNetzwerk
https://www.golabs.ch/network
Fri, 29 Mar 2024 08:12:29 +00001628bbed-eda4-11ee-8c11-005056bb85fbReferenzen
https://www.golabs.ch/references
Fri, 29 Mar 2024 08:12:29 +00001628bcd1-eda4-11ee-8c11-005056bb85fbSitemap
https://www.golabs.ch/sitemap
Fri, 29 Mar 2024 08:12:29 +00001628bd7e-eda4-11ee-8c11-005056bb85fbTools
https://www.golabs.ch/tools
Fri, 29 Mar 2024 08:12:29 +00001628be6b-eda4-11ee-8c11-005056bb85fbVision
https://www.golabs.ch/vision
Fri, 29 Mar 2024 08:12:29 +00001628bf11-eda4-11ee-8c11-005056bb85fb