getJSON()을 대체하는 ajax() 메서드
.NET프로그래밍/jQuery 1.3.2 2009. 11. 17. 10:06 |
[jQuery.ajax.JSON.htm]
<!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>getJSON()을 대체하는 ajax() 메서드</title>
<script src="../js/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>
-------------------------------------------------------------------------------------
[실행결과]
'.NET프로그래밍 > jQuery 1.3.2' 카테고리의 다른 글
| Utilities - 브라우저 정보 얻기 (0) | 2009.11.17 |
|---|---|
| 반복사용하는 ajax() 메서드의 주요 속성을 ajaxSetup()에서 설정 (0) | 2009.11.17 |
| getScript()메서드의 기능을 ajax()메서드로 대체 (0) | 2009.11.17 |
| $.ajaxSetup() 메서드 정의 (0) | 2009.11.16 |
| $.ajax()의 매개변수 형태 (0) | 2009.11.13 |