我想在mydiv中为每个从ajax接收到的maxnumId(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>
最佳答案
else {
var na = $('<a/>');
na.attr('href', "./process.php?maxnumId=" + maxnumId);
na.text(maxnumId);
$('#myDiv').append(na);
}
编辑:
如果您想让每个链接都处于单独的状态,有不同的方法可以实现这一点。这里有两个:
在每个链接后附加换行符:
$('#myDiv').append(na).append($('<br/>'));
使链接
阻止
元素(并可能给它们一个类)://... na.addClass('myLink'); $('#myDiv').append(na);
然后在 CSS 中:
.myLink {display: block;}
关于javascript - 如何从 ajax 响应中创建 div 内的超链接?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30241501/