我需要動態分配一個元素上的ID做一個POST請求,然後添加一個類到另一個元素。我真的是JS的noob,所以我認爲我弄得一團糟..阿賈克斯 - 動態創建一個按鈕發佈請求
基本上,我有一個創建行的forEach循環的jsp頁面。在最後我有一個鏈接點擊哪個發送POST請求。根據請求的結果(布爾型T/F),我需要在元素上應用一個類。
問題是如何創建一個動態ID傳遞給腳本,以及如何選擇添加基於POST結果的類。
我的JSP有這個forEach循環
<c:forEach items="${notifications }" var="notification">
<tr id="${notification.notificationId }">
<td class="actions pull-right"><a href="#"> <i class="fa fa-gear"></i></a></td>
</tr>
</c:forEach>
劇本
$(document).ready(function(){
$("#${notification.notificationId").closest('a').click(function(){
$.ajax({
type: 'POST',
url: '/${notification.notificationId}',
dataType: 'text',
success: function (text) {
$("#${notification.notificationId"}).addClass("font-bold");
alert(text);
})
})
})
顯然這是行不通的,因爲$("#${notification.notificationId"})
這不是正確的(我不知道該腳本的其餘部分作品太...
相反,你可以做的是分配一個數據屬性的TR。 IE:data-notification-id =「$ {notification.notificationId}」。還要爲每個可點擊的tr添加一個類。然後在jquery中使用類($'。tr-class')。on('click',function(e){var id = $(this).data('notification-id').... then其餘的東西...}) – Budhead2004