Aller avec le juste jquery il blague je me demandais dans mon site Web j'ai un lien qui dit "Ajouter". Après avoir cliqué dessus, la page s'actualise et il dit supprimer. Je pense que ce serait mieux avec ajax et pas besoin de recharger la page. Comment est-ce que je fais ceci avec jquery (devrais-je le faire dans jquery?) Et comment je sais quand le serveur reçoit l'addition ainsi je peux mettre à jour mon image (je suis sûr qu'il y a un traitement/état complet?)Ajax Liens et jquery
1
A
Répondre
7
fonctions jQuery AJAX vous permettent de définir les fonctions de réussite et d'échec que vous pouvez utiliser pour mettre à jour votre page.
$("#mylink").click (function (event) {
$.ajax({
type: "POST", // or GET
url: "/my/address.php",
data: "someData=someThing&someMore=somethingElse",
success: function(data) {
$("#someElement").doSomething().
},
error: function() {
// something's gone wrong.
}
});
event.preventDefault(); // stop the browser following the link
});
Pour plus de lire le jQuery AJAX page - il a beaucoup d'exemples).
0
vous devriez faire ceci avec jQuery :)
quelque chose comme ...
$("#input").click(function(){
if($("#input").val() == "add") {
$("#input").val("remove");
}
});
Throw certains ajax là pour faire le travail.
1
- Créez une fonction qui est déclenchée lorsque vous cliquez sur le lien.
- effectuer un appel ajax au serveur.
- Vous pouvez définir une méthode de rappel qui sera déclenchée si l'appel ajax est réussi.
- Dans la fonction de rappel: modifiez Ajouter à Supprimer.
En un mot :-)
0
Introduction rapide à jquery.
HTML:
<a href="#" id="mylink"><img src="add.jpg"/></a>
Javascript:
$(function() {
//Everything inside here is called on page-load
// This selects the link element by its id and add an onclick handler
$("#mylink").click(function() {
post_url = (The url to post to the server);
$.post(url, function() {
// This is called when the AJAX finishes successfully.
// Select the image element and modify the src attribute
$("#mylink img").attrib("src", "remove.jpg");
});
});
});
1
Vous pouvez le faire Jquery, son un excellent outil pour cela.
Fondamentalement, ajoutez un gestionnaire d'événements, cliquez sur votre lien comme indiqué ci-dessous:
<a href="/url" id="add-button"> Add </a> <script> function callback(response) { // remove add button here and add the "remove " button } $('#add-button').click(function() { $.get(this.href, data, callback); //or $.post(this.href, data, callback); } </script>
0
Ce serait la fonction jQuery nécessaire: http://docs.jquery.com/Events/toggle
Questions connexes
- 1. jQuery Les liens de retour ne fonctionnent pas lorsque Ajax
- 2. Jquery, Liens
- 3. Jquery, Ajax forme et redirection
- 4. ASP.NET AJAX et JQuery numéro
- 5. Javascript 'Namespaces' et jQuery AJAX
- 6. jQuery .load et les liens ne sont plus cliquables?
- 7. ASP.NET MVC et jQuery - Problème ajax encodage
- 8. jQuery AJAX et la gestion différente dataTypes
- 9. En-tête de réponse jQuery et AJAX
- 10. XVal, JQuery Valider, et Ajax oh mon!
- 11. Formulaire AJAX et/ou JQUERY POST?
- 12. Opera, Wii, Ajax, Jquery et asp.net
- 13. Application Flash dans Jquery et Ajax
- 14. jquery jqModal Ajax et problèmes modaux imbriqués
- 15. Comment utiliser JQuery et Django (ajax + HttpResponse)?
- 16. page encodage et Jquery-Ui (onglets) ajax
- 17. jquery ajax plugin histoire et bookmarking
- 18. ASP.net Ajax et JQuery - postback partiel
- 19. Onglets jQuery - Suivi des liens externes
- 20. Soumettre un formulaire avec des liens et jQuery
- 21. Auto ajax sélecteurs avec Jquery
- 22. Comment sélectionner tous les liens dans le contenu Ajax chargé avec jQuery?
- 23. jQuery tooltip + contenu ajax
- 24. jQuery Ajax Problèmes
- 25. jQuery AJAX parsererror
- 26. Ajax jquery confusion
- 27. Jquery AJAX charge problème
- 28. JQuery Ajax vote
- 29. jQuery AJAX erreur json
- 30. Jquery Ajax to [WebMethod]