jQuery AJAX transforming into link

Asked

Viewed 147 times

0

How do I link the result to my bank in jQuery AJAX?

function carregaRoteiro(){
    var roteiroHTML="";
    $.ajax({
    url: path + "RoteiroAula",
    type: "GET",
    async: false,
    crossDomain: true,
    dataType: 'json',
    success: function (data) {

        for (var i = 0 ; i < data.length; i++) {
            roteiroHTML += '<div class="roteiroAula">'+
                             '<p id="roteiroId_'+data[i].idroteiro_aula+'"><span>Roteiro:</span>'+data[i].roteiro+'</p>'+
                           '</div>';
        };

        $('#box_roteiroAula').html(roteiroHTML);
    }
});
jquery ajax

1 answer

0

The issue is not the result of the bank is how you want this link and where it should point, let’s assume that you want to use the idroteiro_aula to generate the link, so since you are using .html just write the link like this (inside <p>), follows piece of code:

success: function (data) {

    for (var i = 0 ; i < data.length; i++) {
        roteiroHTML += '<div class="roteiroAula">'+
                         '<p id="roteiroId_'+data[i].idroteiro_aula+'">'+
                         '<a href="pagina/?id=' + data[i].idroteiro_aula  + '">'+
                         '<span>Roteiro:</span>'+data[i].roteiro+
                         '</a>'+
                         '</p>'+
                       '</div>';
    };

    $('#box_roteiroAula').html(roteiroHTML);
}

The generated links will look similar to this:

<div class="roteiroAula">
    <p id="roteiroId_1">
       <a href="pagina/?id=1"><span>Roteiro:</span>Foo</a>
    </p>
</div>
<div class="roteiroAula">
    <p id="roteiroId_2">
       <a href="pagina/?id=2"><span>Roteiro:</span>Bar</a>
    </p>
</div>
<div class="roteiroAula">
    <p id="roteiroId_3">
       <a href="pagina/?id=3"><span>Roteiro:</span>Baz</a>
    </p>
</div>

Browser other questions tagged jquery ajax

You are not signed in. Login or sign up in order to post.