sboard/reply.jsp ( 리스트 출력 ) > SPRING1

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<%@ include file="/WEB-INF/views/include/header.jsp" %>

<center>

<h3>AJAX TEST</h3>

Total : <span id="total_conunt"></span>

<!-- 댓글 목록 출력 영역 -->

<table id="replies" border=1>

</table>

<script>

var bno = 15; // tbl_board에서 존재하는 bno값 입력

getAllList(); //호출

// 글 목록

function getAllList() { // 리스트 출력 확인후 목록 갱신시 함수 호출로 처리 

$.getJSON("/replies/all/"+bno,

function(data){

$("#total_conunt").text(data.length);

var str="";

$(data).each(

function(){

str += "<tr>"

+ "<td>"+this.rno+"</td>"

+ "<td>"+this.bno+"</td>"

+ "<td>"+this.replyer+"</td>"

+ "<td>"+this.replytext+"</td>"

+ "<td data-rno='"+this.rno+"' class='replyLi'><button>mode</button></td>"

+ "</tr>"

}

);

$("#replies").html(str);

}

);

}

</script>

<%@ include file="/WEB-INF/views/include/footer.jsp" %>

==== 설명 ====

주목할 부분은 <td>태그의 속성으로 data-rno 입니다.

'data-'로 시작되는 속성은 이름이나 개수에 관계없이 태그 내에서 자유롭게 사용할 수 있는 속성이므로 id, name 속성을 대신해서 사용하기 편리하다.