| jQuery.ajaxSetup.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>반복사용하는 ajax() 메서드의 주요 속성을 ajaxSetup()에서 설정</title> <style type="text/css"> .yellow { background-color:Yellow; } .Lime { background-color:Lime; } </style> <script src="../js/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function () { // $.ajax()에서 반복 사용하는 속성을 상단에 설정 후 ajax에서 $.ajaxSetup({ url: "02.jQuery.getJSON.js", dataType: "json" }); $.ajax({ success: function (data) { $.each(data, function () { $('#tblList').append("<tr><td>" + this.Num + "</td><td>" + this["Name"] + "</td></tr>"); }); $('table:first tr:odd').addClass('yellow'); $('table:first tr:even').addClass('Lime'); } }); $.ajax({ success: function (data) { $.each(data, function () { $('#tblList2').append("<tr><td>" + this.Num + "</td><td>" + this["Name"] + "</td></tr>"); }); $('table:last tr:odd').addClass('yellow'); $('table:lasttr:even').addClass'Lime'); } }); }); </script> </head> <body> <table id="tblList" border="1"></table> <table id="tblList2" border="1"></table> </body> </html> |
| 02.jQuery.getJSON.js |
| [ { "Num": "1", "Name": "홍길동" }, { "Num": "2", "Name": "백두산" }, { "Num": "3", "Name": "한라산" } ] |
'.Net Project > Jquery 1.3.2' 카테고리의 다른 글
| 71장 JQueryUtilities 양쪽공백 제거 함수:Trim (Trim.htm) (0) | 2009.11.25 |
|---|---|
| 70장 JQueryUtilities (Browser.htm) (0) | 2009.11.25 |
| 68장 JQueryAjax ajax() JSON 대체 (jQuery.ajax.JSON) (0) | 2009.11.25 |
| 67장 JQueryAjax ajax()메서드로 대체 ( jQuery.ajax ) (0) | 2009.11.25 |
| 66장 JQueryAjax 전송 방식 값 전달 (SubmitMethod) (0) | 2009.11.13 |