jQuery AJAX transforming into link

Question

jQuery AJAX transforming into link

Navigation

#1 by (0 votes)

0

How do I link the result to my jQuery AJAX database?

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

asked by anonymous 28.09.2015 / 17:02

1 answer

Doubt when instantiating object in javascript Problem side menu jquery

score 0 · Answer 1

The question is not the result of the bank is how you want this link and where it should point, let's suppose you want to use idroteiro_aula to generate the link, so since you are using .html just write the link so (within <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 like 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>