Comment ajouter un lien hypertexte dynamiquement à l'aide de jQuery?

Je suis à l'aide de jQuery getJson pour obtenir un objet Json et à l'afficher sur la page html.

Je peux les afficher correctement avec ce code:

$.getJSON(full_name, {}, function(data) {

        $.each(data, function(index, field){
          $("div").append(index + " : " + field + "<br>");
        });
});

Et dans les données json, il y a un élément avec l'index appelé "référence". Je veux changer son domaine à partir d'un simple texte d'un lien hypertexte. Et quand je clique sur ce lien, il va envoyer une méthode GET demande à un url et affiche quelque chose obtenir à partir du serveur sur une nouvelle page.

Comment modifier ma page pour réaliser cette fonction?

Merci d'avance.

  • où est l'url spécifiée
InformationsquelleAutor Jane | 2013-08-23
  1. 2

    Essayer

    $.getJSON(full_name, {}, function(data) {
    $.each(data, function(index, field){
        if(index == 'reference') {
            html = '<a href="link">' + field + "</a><br/>";
        } else {
            html = index + " : " + field + "<br>";
        }
        $("div").append(html);
    });
});
    • Thx a lot ce soir! Vous pouvez supposer que l'url est http://www.test.com/field. Je veux envoyer une requête GET à l'url suivante et afficher le contenu que je reçois dans une nouvelle page.
    • Je suppose que vous n'êtes pas à la recherche pour une requête ajax puis html = '<a href="www.test.com/field">' + field + "</a><br/>"; fera
    InformationsquelleAutor Arun P Johny
  2. 2
    $.getJSON(full_name, {}, function(data) {

        $.each(data, function(index, field){
          if(index=='reference'){
          $("div").append('<a class="jMyLink">' + field + "</a><br/>");
          } else{
          $("div").append(index + " : " + field + "<br>");
          }
        });
});
$(".jMylink").on('click',function(){
  //Place your ajax call here
});

    Si vous n'êtes pas familier avec l'utilisation d'ajax, vous pouvez le renvoyer ici

    • jetez un oeil à Arun P Jhony de la méthode, Il concatène tous les 'append' appels en une seule chaîne ajoute ensuite. Ce serait un moyen plus efficace. +1, puisque vous avez pris soin de l'appel ajax.
    • serait appelé une seule fois, même dans mon code, et la chaîne est de toute façon concaténées avant la append() appel. Mais oui, à l'aide d'une variable serait plus facile à gérer. Essayait juste de se concentrer sur la résolution du problème de base, donc raté. Merci pour le tuyau, il sort bien 🙂
    InformationsquelleAutor Vandesh
  3. 0
    $.getJSON(full_name, {}, function(data) {

    $.each(data, function(index, field){
        if(index == 'reference'){
            $("div").append('<a href="link" class="sendrequest">' + field + "</a><br/>");
        } else {
            $("div").append(index + " : " + field + "<br>");
        }
    });
});

    alors d'envoyer la demande par la balise d'ancrage cliquez sur 

    $(".sendrequest").on('click',function(){

//apply ajax here to send get request

 //send set state request
    $.ajax({
        type: "GET",
        url: "url name",
        data: {//your data
            },
        beforeSend: function () {
//handle before send request         
 },
        success: function (data, textStatus, XmlHttpRequest) {
//handle when request success        
},
        error: function (XMLHttpRequest, textStatus, errorThrown) {
//handle error
        }
    });


});

    référence ajax

    InformationsquelleAutor Rituraj ratan