0
votes

Créez un lien hypertexte pour chaque ligne de la table dynamique en utilisant Ajax ou JQuery

J'ai besoin de créer le lien hypertexte pour chaque rangée de ma table créée à l'aide d'Ajax. Passez la valeur via l'URL et allez-la dans l'autre page Web à l'aide de JQuery ou Ajax.

<script>
 $(document).ready(function() {

            $.getJSON("url here", function(data) {
                    console.log("data table set");
                    console.log("json fetching");

                    for (var i = 0; i < data.length; i++) {
                        var tName = data[i].tName;
                        var pName = data[i].Name;
                        var pType = data[i].prType;
                        tr = $('<tr/>');
                        tr.append("<td>" + data[i].tName + "</td>");
                        tr.append("<td>" + data[i].tName + "</td>");
                        tr.append("<td>" + data[i].prType + "</td>");

                        $('#table1').append(tr);
                        console.log("json fetch complete");

                        $('#table1').DataTable({
                            paginate: true,
                            searching: true,
                            ordering: true,
                            pageLength: 10,
                            select: true

                        });
                    });

            });       
</script>

jquery json ajax

0 commentaires

3 Réponses :

0
votes

Les hyperliens sont spécifiés à l'aide de la balise d'ancrage:

<table>
  <tr>
   <td><a href="url_here">Display Name</a></td>
  </tr>
</table>

1 commentaires

Bienvenue!! Heureux de pouvoir aider

0
votes

enveloppe tr code> avec Tag d'ancrage code> générer html invalide. Vous pouvez ajouter onclick code> sur TR comme ci-dessous.

<tr onclick="window.location='http://www.yoururl.com?param='+ data[i].tName +';'" > //Or what ever you want to pass on next page

</tr>

1 commentaires

Merci mec .. Cela a vraiment donné une idée de transmettre les données via URL

0
votes

Inclure les soussecore JS dans votre projet

var tmpl = _.template($('#scriptDataTableTemplate').html());
for (var i=0; i<data.length; i++){
    var id = data[i].Id;
    var tName = data[i].tName;
    var pName = data[i].Name;
    var pType = data[i].prType;
    var obj = {"id": id , "tName": tName, "pName": pName, "pType": pType};
    var html = tmpl(obj);
    $('#table1').append(html );
}
$('#table1').DataTable({
       paginate: true,
      searching:true,
      ordering: true,
      pageLength: 10,
      select: true

     });

0 commentaires