반응형
Ajax로 JSON 데이터 전송 후 리턴되는 값이 list일경우 받아서 동적 테이블로 생성하는 기능이다.
-스크립트단
function createTable(){
var param = {};
param.BoardVo.bdId = "01111";
param = JSON.stringify(param);
$.ajax({
url : "/getBoardList.do",
data : param,
type : 'post',
success : function(data){
var results = data.boardList;
var str = '<TR>';
$.each(results , function(i){
str += '<TD>' + results[i].bdTitl + '</TD><TD>' + results[i].bdWriter + '</TD><TD>' + results[i].bdRgDt + '</TD>';
str += '</TR>';
});
$("#boardList").append(str);
},
error : function(){
alert("error");
}
});
}
-HTML단
<body>
<input type = "button" onclick = "javascript:ajax()" value = "제출" />
<div><table id = "boardList" border = "1"></table></div>
</body>
반응형
'Web Development > Frontend' 카테고리의 다른 글
| [jQuery]selectbox change 이벤트 + 태그 변경 (0) | 2017.12.29 |
|---|---|
| [Javascript]css style 변경하기 (0) | 2017.12.22 |
| [Javascript]http->https (0) | 2017.10.31 |
| [JQuery]checkbox 체크여부 true,false로 출력 (0) | 2017.10.17 |
| [WebSquare]script submission (0) | 2017.10.17 |