getData.js 991 B

123456789101112131415161718192021222324252627282930313233
  1. let result;
  2. $.ajax({
  3. method: "GET",
  4. url: "../json/data.json",
  5. dataType: "json",
  6. }).done(function (msg) {
  7. result = [...msg];
  8. console.log(result);
  9. renderSec00(result);
  10. renderSec02(result);
  11. });
  12. function renderSec00(data) {
  13. let temp = data[0]['data'];
  14. let str = '';
  15. for(let i = 0; i < temp.length; i++){
  16. console.log(temp[i]['imgUrl']);
  17. str+= `<div class="sec-00__slider-${i+1}" onclick="window.open('${temp[i]['link']}');" style="background-image: url('${temp[i]['imgUrl']}');"></div>`
  18. }
  19. $('.sec-00__slider').html(str);
  20. console.log(str);
  21. }
  22. function renderSec02(data) {
  23. let temp = data[1]['data'];
  24. let str = '';
  25. for(let i = 0; i < temp.length; i++){
  26. console.log(temp[i]['imgUrl']);
  27. str+= `<div class="sec-02__slider-${i+1}" onclick="window.open('${temp[i]['link']}');" style="background-image: url('${temp[i]['imgUrl']}');"></div>`
  28. }
  29. $('.sec-02__slider').html(str);
  30. console.log(str);
  31. }