Je souhaite afficher les nouvelles données ajoutées à une page de liste répertoriée sur la même page. Mon problème est qu'après avoir ajouté des données à ma base de données j'ai dû recharger toute la page pour voir les nouvelles données. Comment puis-je voir sans recharger toute la page?Actualiser une table sans actualiser la page entière pour afficher les données mises à jour
Cliquer Bouton après les données enregistrées dans la base de données, vous devez utiliser le script suivant. pas besoin de faire des allers-retours au serveur au client au lieu de manipuler le côté client.
$("#btnSubmit").click(function() {
$('#myForm').ajaxForm({
success: function(){
$('#myTable tr:first').after('<tr><td>' + $("#Name").val() + '</td></tr>');
}
});
});
C'est vrai, mais dangereux en même temps; l'appel du serveur peut avoir échoué, mais l'utilisateur ne remarque pas. –
je ne suis pas donné réponse complète ici. en utilisant AJAX soumettre dans JQuery vous pouvez trouver le formulaire de réussite ou d'échec de soumission? Lorsque le pour soumis avec succès, vous voulez appeler ce code. – Rajesh
Si vous voulez seulement rafraîchir la table, vous pouvez utiliser ce plugin jQuery: http://datatables.net
Vous pouvez appeler la table fonctions de rafraîchissement quand vous le souhaitez. Le plugin fonctionne avec AJAX. Pour travailler avec vous, vous devez aussi avoir peu de connaissances en JavaScript.
Vous pouvez trouver une sorte d'exemple/démo d'ici. Cependant, si vous voulez vraiment faire cela, obtenez le concept et vous pouvez également développer la même chose. Vous avez juste besoin d'apprendre de l'AJAX.
pour charger les données sans recharger la page, utilisez ajax –
Regardez [jQuery.ajax()] (http://api.jquery.com/jQuery.ajax/) –
votre code ajax requis. Plz affiche cela aussi. – Jai