 |
 <!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>Sample Page</title> <script type="text/javascript"> $(document).ready(function () { $("#btn .btnLoad").click(function () { $.getJSON("02장a.JQuery.getjSON.js", function (data) { $('#pnlDisplay').empty(); //패널 내용 초기화 var table = "<table border='1'><tr><td>인I덱ì|스ö¨¬</td><td>번ö©ª호¡Ì</td><td>이I름¬¡×</td></tr>"; //data를 탐색 : each() 메서드를 사용하여 데이터 가져옴 $.each(data, function (index, entry) { table += '<tr>'; table += '<td>' + index + '</td>'; table += '<td>' + entry["Num"] + '</td>'; if (entry["Name"]) //특정 필드를 비교 할 때 { table += '<td>' + entry["Name"] + '</td>'; } table += '</tr>'; }); table += "</table>"; $('#pnlDisplay').append(table); //패널 추가 }); }); </script> </head> <body> <div id="btn"><div class="btnLoad">HTML 읽¨¢어úi오¯A기¾a</div> <div id="pnlDisplay"></div> </div> </body> </html> |
| JQuery.getjSON.JS |
 [ { "Num": "1", "Name": "김용원" }, { "Num": "2", "Name": "홍길동" } ] |
'.Net Project > Jquery 1.3.2' 카테고리의 다른 글
| 61장 JQueryAjax XML파일 로드하기 (get) (0) | 2009.11.13 |
|---|---|
| 60장 JQueryAjax getScript 파일 동적 실행 (JQuery.getScript) (0) | 2009.11.13 |
| 58장 JQueryAjax HTMLSamplePage ( HTMLSamplePage ) (0) | 2009.11.13 |
| 57장 JQueryEffect WaterMarketText (WaterMarketText) (0) | 2009.11.12 |
| 56장 JQueryEffect 트리 뷰 효과 (TreeView) (0) | 2009.11.12 |