Question

我想在mydiv中为每个maxnumId（ajax响应）创建一个超链接，我从这样的ajax中重现（每次我点击loadmore按钮我从api得到一个maxnumId，我想在超链接和显示中使用该值mydiv中的超链接）：

<a  href="./process.php?maxnumId=123451">123451</a>
<a  href="./process.php?maxnumId=123452">123452</a>
<a  href="./process.php?maxnumId=123453">123453</a>

有没有人能告诉我如何做到这一点？

<script>
    var maxnumId = null;
    function callApi() {
        $.ajax({
            type: "GET",
            dataType: "jsonp",
            cache: false,
            url: "https://api.somesite.com/......"),
            success: function(data) {
          maxnumId = data.pagination.next_num_id;

              if (maxnumId === undefined || maxnumId === null) 
              {

                    alert('End!');

              }
              else
              {
//here i want to used maxnumId and create hyperlink for each maxnumid 
//and place it in myDiv
         $('#myDiv').append(maxnumId);
              }
            }

        });
    }
    </script>
    <body>
    <br>
    <center>
    <div id="myDiv"></div>

    <button id="mango" onclick="callApi()">Load More</button>

    </html>

Answer 1

else {
    var na = $('<a/>');
    na.attr('href', "./process.php?maxnumId=" + maxnumId);
    na.text(maxnumId);
    $('#myDiv').append(na);
}

编辑：

如果您希望将每个链接分开，就像有不同的方法来实现它。这是两个：

在每个链接后附加一个换行符：

$('#myDiv').append(na).append($('<br/>'));

制作链接block元素（可能会给它们一个类）：

//...
na.addClass('myLink');
$('#myDiv').append(na);

然后在CSS中：

.myLink {display: block;}

Here's a jsfiddle DEMO

如何在ajax响应中创建div内的超链接？

1 个答案: