HTML JSON
JSON peut très facilement être traduit en JavaScript.
JavaScript peut être utilisé pour créer du HTML dans vos pages Web.
Tableau HTML
Créez un tableau HTML avec les données reçues au format JSON :
Exemple
const dbParam = JSON.stringify({table:”customers”,limit:20});
const xmlhttp = new XMLHttpRequest();
xmlhttp.onload = fonction() {
monObj = JSON.parse(this.responseText);
laisser text = “
| ” + monObj[x].nom + “ |
“
document.getElementById(“démo”).innerHTML = texte ;
}
xmlhttp.open(“POST”, “json_demo_html_table.php”);
xmlhttp.setRequestHeader(“Content-type”, “application/x-www-form-urlencoded”);
xmlhttp.send(“x=” + dbParam);
Essayez-le vous-même »
Tableau HTML dynamique
Créez le tableau HTML en fonction de la valeur d’un menu déroulant :
Exemple
Choisis une option:
Clients
Des produits
Fournisseurs
Essayez-le vous-même »
Liste déroulante HTML
Créez une liste déroulante HTML avec les données reçues au format JSON :
Exemple
const dbParam = JSON.stringify({table:”customers”,limit:20});
const xmlhttp = new XMLHttpRequest();
xmlhttp.onload = fonction() {
const myObj = JSON.parse(this.responseText);
laisser text = “
for (let x in myObj) {
text += “” ;
}
texte += ““
document.getElementById(“démo”).innerHTML = texte ;
}
}
xmlhttp.open(“POST”, “json_demo_html_table.php”, true);
xmlhttp.setRequestHeader(“Content-type”, “application/x-www-form-urlencoded”);
xmlhttp.send(“x=” + dbParam);
Essayez-le vous-même »
#HTML #JSON