| 11.jQuery.ajax.JSON.htm |
|
<html xmlns="http://www.w3.org/1999/xhtml"> <head>
<title>getJSON()을 대체하는 ajax() 메서드</title>
<script src="../jQuery/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function()
{ //동적으로 원격에 있는 JSON 파일(결과값)을 로드 $.ajax({ url: "02.jQuery.getJSON.js", //a.aspx, a.php, a.jsp dataType: "json", success: function(data) { //받아온 JSON을 테이블에 출력 $.each(data, function() { $('#tblList').append( "<tr><td>" + this.Num + "</td><td>" + this["Name"]
+ "</td></tr>"); }); //위에꺼랑 비교 $.each(data, function(index, entry) { $('#tblList').append( "<tr><td>"
+ entry.Num + "</td><td>" + entry["Name"] + "</td></tr>"); }); }, error: function() { alert("애러발생");
} });
});
</script> </head> <body>
<table id="tblList" border="1"></table> </body> </html> |
| 결과화면 |
[그림66-1] |
11.jQuery.ajax.JSON.htm'jQuery | javascript | CSS' 카테고리의 다른 글
| -- 현재 까지의 jQuery 소스7 -- (0) | 2009.11.17 |
|---|---|
| 67.jQuery - $.ajaxSetup()으로 $.ajax() 단순화 ( 09.Ajax ) (0) | 2009.11.17 |
| 65.jQuery - getScript 대체 ajax ( 09.Ajax ) (0) | 2009.11.17 |
| 64.jQuery - 폼에 있는값을 서버로 전송하기 ( 09.Ajax ) (0) | 2009.11.13 |
| 63.jQuery - load방식으로 서버에 데이터 전송 및 출력 ( 09.Ajax ) (3) | 2009.11.13 |
Comments