자바스크립트 - 스크립트 내에서 HTML 테이블 생성
자바스크립트
function 함수1(){
var htmlStr = "";
htmlStr += "<table>";
// jquery를 이용한 JSON 결과 데이터 파싱
$(jsonStr.results.juso).each(function(){
htmlStr += "<tr>";
htmlStr += "<td>"+this.zipNo+"</td>";
htmlStr += "<td>"+this.roadAddrPart1+this.roadAddrPart2+"</td>";
htmlStr += "<td><input type=\"button\" onclick=\"함수()\"></td>";
htmlStr += "</tr>";
});
htmlStr += "</table>";
// 결과 HTML을 FORM의 결과 출력 DIV에 삽입
$("#list").html(htmlStr);
}
JSP - HTML
<div id="list"> <!-- 검색 결과 리스트 출력 영역 --> </div>
'IT > JS' 카테고리의 다른 글
WebStorage인 localStorage와 sessionStorage 사용법 (java, javascript) (0) | 2018.10.22 |
---|---|
js/jquery - selectBox controller ( 셀렉트박스 제어 ) (0) | 2018.08.07 |
js 제이쿼리 숫자 체크처리 (0) | 2018.08.03 |
자바스크립트 - 현재날짜 / 일주일전 날짜 구하기 (0) | 2017.11.07 |
JavaScript replace(치환) 및 정규식 (0) | 2017.10.24 |