ThisIsBenny/iOS-Widgets/number-of-covild-19-vaccinations

[WorfvomDorf]

Ist es möglich die Abfrage aus dem Widget in eine Webseite zu integrieren ?
Ich benutze kein jQuery nur Javascript.
Leider scheitere ich immer bei der Abfrage der Daten..

//curl -X GET 'https://rki-vaccination-data.vercel.app/api'
document.write("

"+"💉 Impfungen".toUpperCase()+" 🦠"+"</p>");
var url = "https://rki-vaccination-data.vercel.app/api";
var request = new XMLHttpRequest();
request.open('GET', url, true);
var data = JSON.parse(request.response);
document.write(data[0]);
Ich bekomme immer JSON parse error : unespected EOF

[ThisIsBenny]

Sollte möglich sein. Ich kenne mich aber nicht mit dem Native XML Request von JavaScript aus. Postman sagt mir, dass der API Fall so aussehen muss in Javascript:

var xhr = new XMLHttpRequest();
xhr.withCredentials = true;

xhr.addEventListener("readystatechange", function() {
  if(this.readyState === 4) {
    console.log(this.responseText);
  }
});

xhr.open("GET", "https://rki-vaccination-data.vercel.app/api");

xhr.send();

An der stelle wo console.log(this.responseText); steht musst du dann den Response parsen und verarbeiten:

var xhr = new XMLHttpRequest();
xhr.withCredentials = true;

xhr.addEventListener("readystatechange", function() {
  if(this.readyState === 4) {
var data = JSON.parse(this.responseText);
  }
});

xhr.open("GET", "https://rki-vaccination-data.vercel.app/api");

xhr.send();

Ansonsten kannst du auch die Fetch Funktion Javascript nutzen:

var requestOptions = {
  method: 'GET'
};

fetch("https://rki-vaccination-data.vercel.app/api", requestOptions)
  .then(response => response.text())
  .then(result => {
var data = JSON.parse(result);
})
  .catch(error => console.log('error', error));

[WorfvomDorf]

Danke für die schnelle Antwort Ok ich habe Fetch probiert. Aber ich bekomme aus dem Object data keine Daten. Habe es mit data[0] probiert, aber ich bin zu doof. Wie holt man die Daten aus dem Object ? Danke 🇪🇺 🏳️‍🌈 Ralf Rittermann

…

Am 14.01.2021 um 15:13 schrieb Benny ***@***.***>:  Sollte möglich sein. Ich kenne mich aber nicht mit dem Native XML Request von JavaScript aus. Postman sagt mir, dass der API Fall so aussehen muss in Javascript: var xhr = new XMLHttpRequest(); xhr.withCredentials = true; xhr.addEventListener("readystatechange", function() { if(this.readyState === 4) { console.log(this.responseText); } }); xhr.open("GET", "https://rki-vaccination-data.vercel.app/api"); xhr.send(); An der stelle wo console.log(this.responseText); steht musst du dann den Response parsen und verarbeiten: var xhr = new XMLHttpRequest(); xhr.withCredentials = true; xhr.addEventListener("readystatechange", function() { if(this.readyState === 4) { var data = JSON.parse(this.responseText); } }); xhr.open("GET", "https://rki-vaccination-data.vercel.app/api"); xhr.send(); Ansonsten kannst du auch die Fetch Funktion Javascript nutzen: var requestOptions = { method: 'GET' }; fetch("https://rki-vaccination-data.vercel.app/api", requestOptions) .then(response => response.text()) .then(result => { var data = JSON.parse(result); }) .catch(error => console.log('error', error)); — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub, or unsubscribe.

[ThisIsBenny]

Data ist kein Array, sondern ein Objekt. [0] gibt das erste Element aus einem Array zurück.
Um z.B. die Quote zu erhalten, musst du wie folgt auf Attribut zugreifen: data.quote

[WorfvomDorf]

Danke es funktioniert.

[dennerforen]

Mir würde es gefallen, die Farbe der Ringe zu verändern. Statt grau/rot lieber grau/grün, weil rot ja ein Indikator für Gefahr ist und grün für alles okay.

Vielleicht sogar rot/grün, also rot für die ungeschützten und grün fur die geimpften, aber das müsste man sehen, ob sich das nicht im Auge beißt.

[ThisIsBenny]

Hi @dennerforen die Kreise färben sich abhängig von den Zahlen. Ab 59 werden sie Orang und ab 79 wird der Kreis grün.
Solange wir nicht eine gewisse Anzahl an Leute geimpft haben ist auch nicht alles ok, weshalb rot hier meiner Meinung nach ok ist ;-)

[dennerforen]

Hi Benny, Das wusste ich nicht, so macht das natürlich auch mehr Sinn. Dachte es bleibt bis 100% rot.

Clever von Dir! Gruß Denner

[ThisIsBenny]

Die ersten Bundesländer sind auch bereits auf Orang für die min. 1 Impfung gesprungen. Ich habe gerade auch einen Bug behoben, bei dem beide Kreise dieselbe Farbe haben (trotz verschiedener Zahlen).