Javascript Girl
  1. Javascript Girl
  3. Remplissez une table HTML avec des valeurs Javascript en utilisant Parse.com
Intereting Posts
La case à cocher reste vérifiée en cliquant dessus dans une liste déroulante Javascript / jQuery – Afficher les pouces en pieds et pouces Changement de langue Dyanamic Google Map SVG à la conversion de PDF travaillant pour Plotly.js mais pas pour C3.js Accédez à mon historique de navigation complet via Javascript Comment envelopper une partie de tout nodo_de_domaine_domaineValue dans un élément html? Obtenir des colonnes de hauteur égales dans une disposition souple / réactive Enchaînement multiple Select2 ensemble Comment appeler une méthode de fratrie dans un objet défini avec une syntaxe d'objet? Obtenez tous les attributs d'élément en utilisant le rapporteur Concaténant récursivement un argument de fonctions javascript Obtenir de la valeur dans une colonne dans la feuille de calcul en utilisant le script Google Apps Comment puis-je faire Webpack utiliser un suffixe caché? La fonction Javascript ne peut pas être trouvée Comment déployer OpenLayers avec Tomcat + JSF 2

Remplissez une table HTML avec des valeurs Javascript en utilisant Parse.com

Je cherche à créer un site Web HTML simple avec les données de mon application iOS affichées dans les tableaux. J'utilise Parse.com pour mes données mobiles, et j'utiliserai Javascript pour l'afficher sur le site.

J'ai développé un site Web JSP avant, mais cette fois, j'utilise un plugin Javascript pour WordPress, donc je ne peux pas utiliser les fichiers JSP. Par conséquent, je devrai tout gérer en code HTML.

Existe-t-il un moyen d'obtenir la requête Parse.com suivante dans une table HTML? 

var GameScore = Parse.Object.extend("GameScore"); var query = new Parse.Query(GameScore); query.equalTo("playerName", "Dan Stemkoski"); query.find({ success: function(results) { alert("Successfully retrieved " + results.length + " scores."); // Do something with the returned Parse.Object values for (var i = 0; i < results.length; i++) { var object = results[i]; alert(object.id + ' - ' + object.get('playerName')); } }, error: function(error) { alert("Error: " + error.code + " " + error.message); } });

Créez un modèle de page personnalisé pour la page sur laquelle vous souhaitez afficher ces données. P. Ex., Créez une page intitulée 'table de pointage' dans WordPress Admin, puis créez un modèle de page dans votre thème appelé 'page-score-table.php'.

Incluez les scripts de bibliothèque d'analyse dans la page et jQuery si vous le souhaitez (même si cela devrait être chargé par WordPress de toute façon) et utilisez quelque chose comme ça. 

 <table id="results-table"> <tr> <th>User Name</th> <th>Score</th> </tr> </table>

… 

 <script> Parse.initialize("Your", "Credentials"); var GameScore = Parse.Object.extend("GameScore"); var query = new Parse.Query(GameScore); query.equalTo("playerName", "Dan Stemkoski"); query.find({ success: function(results) { for (var i = 0; i < results.length; i++) { var object = results[i]; (function($) { $('#results-table').append('<tr><td>' + object.get('playerName') + '</td><td>' + object.get('score') + '</td></tr>'); })(jQuery); } }, error: function(error) { alert("Error: " + error.code + " " + error.message); } }); </script>

Fiddle qui le montre ICI , met en place une table de Parse factice pour vous montrer.

En réalité, remplacer la fonction de réussite par cela, je crois que l'ajout est assez coûteux si vous avez beaucoup de lignes … 

 ... ///before query.find(); var myScores=''; ... success: function(results) { for (var i = 0; i < results.length; i++) { var object = results[i]; myScores+='<tr><td>' + object.get('playerName') + '</td><td>' + object.get('score') + '</td></tr>'; } (function($) { $('#results-table').append(myScores); })(jQuery); }