10
0

练习题6_ajax.html 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. </head>
  8. <body>
  9. <ul>
  10. </ul>
  11. <script src="./ajax.js"></script>
  12. <script>
  13. var oUl = document.getElementsByTagName("ul")[0];
  14. ajaxFun("./data/data1.json",function(res){
  15. var resArr = res.data;
  16. var liStr = "";
  17. for(var i=0;i<resArr.length;i++){
  18. liStr += `<li>${resArr[i].jrid} : ${resArr[i].levelname}</li>`
  19. }
  20. oUl.innerHTML = liStr;
  21. })
  22. // var arr = ['a','b','c','d','e'];
  23. // oUl.innerHTML="<li>hello</li>";
  24. // var oLi = document.createElement("li");
  25. // oLi.innerText = "world";
  26. // oLi.style.color = 'red';
  27. // oUl.append(oLi);
  28. // var str = "";
  29. // for(var i=0;i<arr.length;i++){
  30. // str += "<li>"+arr[i]+"</li>";
  31. // }
  32. // oUl.innerHTML = str;
  33. </script>
  34. </body>
  35. </html>