display error message, if api sends aerror message
This commit is contained in:
parent
819f321489
commit
6008549c94
3 changed files with 44 additions and 22 deletions
|
@ -4,17 +4,24 @@ class blogFooter extends HTMLElement {
|
|||
let xhr = new XMLHttpRequest();
|
||||
let ul = document.createElement("ul");
|
||||
xhr.onreadystatechange = () => {
|
||||
if(xhr.readyState === 4 && xhr.status === 200){
|
||||
let blog = JSON.parse(xhr.responseText);
|
||||
blog.forEach((element) => {
|
||||
let li = document.createElement("li");
|
||||
let a = document.createElement("a");
|
||||
a.href = "/post.html?id=" + element["id"];
|
||||
a.innerText = element["title"];
|
||||
li.appendChild(a);
|
||||
ul.appendChild(li);
|
||||
});
|
||||
this.appendChild(ul);
|
||||
if(xhr.readyState === 4) {
|
||||
if (xhr.status === 200) {
|
||||
let blog = JSON.parse(xhr.responseText);
|
||||
blog.forEach((element) => {
|
||||
let li = document.createElement("li");
|
||||
let a = document.createElement("a");
|
||||
a.href = "/post.html?id=" + element["id"];
|
||||
a.innerText = element["title"];
|
||||
li.appendChild(a);
|
||||
ul.appendChild(li);
|
||||
});
|
||||
this.appendChild(ul);
|
||||
} else {
|
||||
let p = document.createElement("p");
|
||||
p.innerText = "Leider konnte dieser Inhalt nicht geladen werden, bitte versuche die Seite neu zu laden oder komme später wieder zurück";
|
||||
this.appendChild(p);
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
xhr.open("GET", "/API/getBlogElements.php?position=footer");
|
||||
|
|
|
@ -4,18 +4,26 @@ class BlogIndex extends HTMLElement {
|
|||
let xhr = new XMLHttpRequest();
|
||||
let ul = document.createElement("ul");
|
||||
xhr.onreadystatechange = () => {
|
||||
if(xhr.readyState === 4 && xhr.status === 200){
|
||||
let blog = JSON.parse(xhr.responseText);
|
||||
blog.forEach((element) => {
|
||||
this.innerHTML += `
|
||||
if (xhr.readyState === 4) {
|
||||
if (xhr.status === 200) {
|
||||
let blog = JSON.parse(xhr.responseText);
|
||||
blog.forEach((element) => {
|
||||
this.innerHTML += `
|
||||
<article class="breakWord">
|
||||
<h2>${element["title"]}</h2>
|
||||
<p breakWord>${element["content"]}</p>
|
||||
<p class="center"><a href="/post.html?id=${element["id"]}"><button>Mehr lesen</button></a></p>
|
||||
</article>
|
||||
`;
|
||||
});
|
||||
this.appendChild(ul);
|
||||
});
|
||||
this.appendChild(ul);
|
||||
|
||||
} else {
|
||||
let p = document.createElement("p");
|
||||
p.innerText = "Leider konnte dieser Inhalt nicht geladen werden, bitte versuche die Seite neu zu laden oder komme später wieder zurück";
|
||||
this.appendChild(p);
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
xhr.open("GET", "/API/getBlogElements.php?position=index");
|
||||
|
|
|
@ -7,10 +7,11 @@ class commentsDisplay extends HTMLElement {
|
|||
|
||||
let xhr = new XMLHttpRequest();
|
||||
xhr.onreadystatechange = () => {
|
||||
if (xhr.readyState === 4 && xhr.status === 200){
|
||||
let comments = JSON.parse(xhr.responseText);
|
||||
comments.forEach((element) => {
|
||||
this.innerHTML += `
|
||||
if (xhr.readyState === 4) {
|
||||
if (xhr.status === 200) {
|
||||
let comments = JSON.parse(xhr.responseText);
|
||||
comments.forEach((element) => {
|
||||
this.innerHTML += `
|
||||
<h3 class="commentTitle">${element["name"]}</h3>
|
||||
<div class="comment">
|
||||
<img src="${element["gravatarURL"]}">
|
||||
|
@ -19,7 +20,13 @@ class commentsDisplay extends HTMLElement {
|
|||
</article>
|
||||
</div>
|
||||
`;
|
||||
});
|
||||
});
|
||||
} else {
|
||||
let p = document.createElement("p");
|
||||
p.innerText = "Leider konnte dieser Inhalt nicht geladen werden, bitte versuche die Seite neu zu laden oder komme später wieder zurück";
|
||||
this.appendChild(p);
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
xhr.open("GET", "/API/projectComments.php?article=" + pageName);
|
||||
|
|
Loading…
Reference in a new issue