728x90 JS29 [JQuery] 03. getJson 03_getJson.html 각 영역에 맞는 값을 추가시켜 주세요. 과일이름 가격 유통기한 원산지 사과 딸기 귤 파인애플 03_getJson.js $.get('data/data.json', function(data){ var fruits = data.fruits; var table = $('#fruits_data'); for(var i in fruits){ var fruit = fruits[i]; var cnt = 0; for(var prop in fruit){ var text = fruit[prop]; var tr = table.find('tr').eq(parseInt(i)+1); var td = tr.find('> td').eq(cnt++); td.text(text); } } }, 'json'); JS/JQuery 2017. 8. 28. [JQuery] 02. getXml 02_getXml.html 각 영역에 맞는 값을 추가시켜 주세요. 과일이름 가격 유통기한 원산지 사과 딸기 귤 파인애플 02_getXml.js $.get('data/data.xml', function(data){ var fruits = $(data).find('data>fruits'); var table = $('#fruits_data'); fruits.each(function(i){ var fruit = $(this); fruit.children().each(function(j){ var text = $(this).text(); var tr = table.find('tr').eq(i+1); var td = tr.find('> td').eq(j+1); td.text(text); }); }); },'xml.. JS/JQuery 2017. 8. 28. [JQuery] 01. load AJAX 강의를 시작하기 이전에 위와 같이 패키지 구성을 해주세요. 파일은 아래 4개의 파일입니다. 01_load.html 이 곳에 data/sub.html 파일의 HTML콘텐츠를 삽입해 주세요. 01_load.js $(function(){ var container = $('#container'); container.load('data/sub.html #wrapper'); }); JS/JQuery 2017. 8. 28. [JS] 13. Closure 13_Closure.html JS/JavaScript 2017. 8. 28. [JS] 12. scope 12_Scope.html JS/JavaScript 2017. 8. 28. [JS] 11. This 11_This.html JS/JavaScript 2017. 8. 28. [JS] 10. TypeOf 10_TypeOf.html JS/JavaScript 2017. 8. 28. [JS] 09. Function 09_Function.html JS/JavaScript 2017. 8. 28. [JS] 08. Object 08_Object.html JS/JavaScript 2017. 8. 28. [JS] 07. Array 07_Array.html JS/JavaScript 2017. 8. 28. [JS] 06. Loop 06_Loop.html JS/JavaScript 2017. 8. 28. [JS] 05. Conditional_Code 05_Conditional_Code.html JS/JavaScript 2017. 8. 28. 이전 1 2 3 다음 728x90