 |
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>하나의 완성된 자바스크립트 파일 이동적 로드 실행 </title> <style type="text/css"> .redColor { color:Red;} </style> <script src="../../jquery-1[1].3.2-vsdoc2.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function () { $("#btn").click(function () { //아래 코드가 실행되는 시점에 파일의 느낌 실행 $.getScript('03장a.JQuery.getScript.js'); }); }); </script> </head> <body> <div> <input type="button" id="btn" value="표 그리기" /> <div id ="ctlGrid"></div> </div> </body> </html> |
| JQuery.getScript.JS |
 //JSON 데ì¡Í이I터I var tableData = [ { "Num": "1", "Name": "이준철", "Title": "안녕" }, { "Num": "2", "Name": "김용원", "Title": "방가" }, { "Num": "3", "Name": "주국원", "Title": "또봐" } ]; var htmls = ''; htmls += "<table border='1'>" htmls += "<tr><th>번호</th><th>이름</th><th>제목</th></tr>"; $.each(tableData, function () { htmls += "<tr>"; htmls += "<td>" + this['Num'] + "</td>"; htmls += "<td>" + this['Name'] + "</td>"; htmls += "<td>" + this['Title'] + "</td>"; htmls += "</tr>"; }); htmls += "</table>"; $('#ctlGrid').html(htmls); //ctlGrid는 포함될 HTML 간격 요소 |
'.Net Project > Jquery 1.3.2' 카테고리의 다른 글
| 62장 JQueryAjax 쿼리 스트링 값 전달 (FrmResponseData) (0) | 2009.11.13 |
|---|---|
| 61장 JQueryAjax XML파일 로드하기 (get) (0) | 2009.11.13 |
| 59장 JQueryAjax getjSON활용 페이지 로드 (JQuery.getjSON) (0) | 2009.11.13 |
| 58장 JQueryAjax HTMLSamplePage ( HTMLSamplePage ) (0) | 2009.11.13 |
| 57장 JQueryEffect WaterMarketText (WaterMarketText) (0) | 2009.11.12 |