先貼代碼:
1.html頁面
<div class="main-content" >
<ul class="nav" id="content-menu" >
<li th:each="navigation : ${navigations}" >
<a th:id="${navigation.navigationId}" th:href="https://bbs.csdn.net/topics/${navigation.url}">
<i class="fa fa-bar-chart-o" th:class="${navigation.navigationId}"></i>
<span class="nav-label" th:text="${navigation.navigationName}">一級選單</span>
</a>
<div class="incomeNum"></div>
</li>
</ul>
</div>
2.js
var limit = 8;
var currentPage = 0;
var total;
$(function(){
bindList(0);
});
function nextPage() {
bindList(currentPage * limit)
}
function bindList(offset) {
$
.ajax({
url : 'nav/content/open/list?navigationId=0&parentId=30&limit=8&offset=' + offset,
method : 'get',
dataType : 'json',
success : function(data) {
var rows = data.rows;
total = data.total;
var htmlText = "";
for (i = 0; i < rows.length; i++) {
htmlText += '<div class="post-preview">';
htmlText += '<a href="https://bbs.csdn.net/nav/content/open/post/' + rows[i].cid + '">';
htmlText += '<h2 class="post-title">';
htmlText += rows[i].title;
htmlText += '</h2>';
htmlText += '</a>';
htmlText += '<p class="post-meta">作者:<a href="https://bbs.csdn.net/topics/#">'
+ rows[i].author
+ '</a> '
+ rows[i].createTime + '</p>';
htmlText += '</div>';
htmlText += '<hr>';
}
$(".incomeNum").append(htmlText);
}
});
}
因為我js里傳的url帶兩個引數“navigationId”和“parentId”,我想通過html里遍歷出的id傳過來,可以展示出不同"${navigation.navigationName}"對應的不同資訊串列,不知道這種想法是否成立,如果成立這個id應該怎么傳?
求大佬告知!
uj5u.com熱心網友回復:
你的最終意思大概能看懂,肯定能做,但你的代碼和描述還是有些模糊,沒法具體回答轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/118325.html
標籤:JavaScript
上一篇:HTML本頁面中寫js,無法實作
