11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour, je suis en train de faire une petite application Web, et j'ai besoin de faire une requête GET sur un serveur externe avec des paramètres, quelque choses de ce genre la :

http://monadresse.com/?param1=value1&param2=value2

Ce truc la déclenche un relais pour contrôler du 220V... (Oui.. C'est plus vraiment du standard Web... mais c'est pas la question Smiley rolleyes ) et me renvoie une réponse JSON du genre :

{"out": "7" ,"etat": "LOW" }

Donc dans une page, j'aimerais avoir un lien comme par exemple :
<a href="http://monadresse.com/?param1=value1&param2=value2 " >Allumé la lumière</a>
Mais qui ne suit pas monadresse.com, mais reste sur la page et me renvoie le JSON
Avec jQuery j'ai reussi a faire ça :

$.get("monadresse.com", { param1: "value1", param2: "value2" },
   function(data){
     alert("Le JSON: " + data);
   });

Mais comment l'appliquer sur un lien (ou un input)

... Ça m’étonnerai que ça soit claire...

Merci
Modifié par bioslord (21 Nov 2010 - 19:12)
<a class="mon_lien" href="http://monadresse.com/?param1=value1&param2=value2 " >Allumé la lumière</a>


$('a.mon_lien').click(function(e)
{
    e.preventDefault(); // empêche le chargement de la page en suivant le lien
    
    $.get(e.currentTarget.href, 
        function(data){ 
            alert("Le JSON: " + data); 
        }
    );
});

Modifié par moust (21 Nov 2010 - 17:51)
Merci, c'est ce que je cherche, mais ça n'a aucun effet. Le lien me redirige vers le lien Smiley sweatdrop

EDIT : Plop Smiley biggrin Non, je retire ce que j'ai dit, ça marche nickel, erreur de placement du JS dans la page. Merci bien =)
Modifié par bioslord (21 Nov 2010 - 19:12)