JavaScript 使用复杂的 json 文件-6ren

JavaScript 使用复杂的 json 文件

转载作者：行者123 更新时间：2023-12-02 22:17:39

我试图将 json 数据显示到 html 表中。但是 json 文件非常复杂。我尝试过但没有找到正确的解决方案。请更正我的代码，以便它能够正常工作。我在这里添加我的所有文件，请解决我的查询。

index.php

<html>
<header><title>Welcome</title></header>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>


<script src=index.js></script>



<h1>VIDEO LIST</h1>
   <table class="button" id= "userdata" width="100%" border="20">
            <th>VIDEO NAME</th>
            <th>PRICE</th>
            <th>DATE</th>
            <th>TIME</th>
            <th>LINK</th>
        <tbody>
        </tbody>
   </table>
</body>
<link rel="stylesheet" href="index.css">
</tr>

</html>

index.js

$("#userdata tbody").empty();



var b = location.search.split('b=')[1];

$.get(
    "index2.php",
    {"b":b},
    function(data) {
alert(data);
var datas = JSON.parse(data);
 $.each(datas.liveVideoList , function(i, v) {

    var str = v.thumbnailUrl.split("vi/").pop();

    var datee = v.publishDate.slice(0,9);
    var timee = v.publishDate.slice(9,20);

     var tblRows = "<tr>" + "<td>" + v.title + "</td>"+ "<td>" +  0 + '  ₹' + "</td>" + "<td>" + datee + "</td>" +"<td>"+ timee + "</td>"  + "<td><a target='_blank' href='"+str+"'>"+"WATCH/DOWNLOAD"+"</a></td>" + "</tr>";


          $(tblRows).appendTo("#userdata");





     });
    }
);

Json 文件

{"success":true,"data":{"id":23,"course":{"categoriesId":[1],"shortName":"Computer Special","courseUrl":"/courses/23","statusCode":1,"statusName":"Active","productType":1,"isWithSections":true,"sectionsId":[67],"classTiming":"Classes End. Course Removed On :05th December 2019","enrollStartedAt":"7/25/2019 12:00:00 AM","enrollEndAt":"11/15/2019 12:00:00 AM","courseStartedAt":"8/1/2019 12:00:00 AM","courseEndAt":"12/5/2019 12:00:00 AM","courseExpiredAt":"12/5/2019 12:00:00 AM","isEnrollStarted":false,"isEnrollEnd":true,"isCourseStarted":false,"isCourseEnd":true,"isCourseExpired":true,"coursePrice":39900.0,"discountPrice":0.0,"discountComment":"\"USE PROMOCODE NEW50\"","courseDetails":{},"courseFeatures":{},"courseValidity":120,"teachersId":[18],"about":"","requirements":"","studentEnrolled":0,"faqsId":[],"examsId":[],"displayOrder":0,"tags":[],"isLive":false,"admissionStatus":false,"metas":[],"teacherList":[{"name":"Manvendra Sir","thumbnailUrl":"https://timescoaching.in/content/img/teachers/manvendera.png","experience":"Computer","about":"","statusCode":1,"statusName":"Active","id":18,"createdAt":"7/31/2019 4:00:00 PM","modifiedAt":"7/31/2019 4:00:00 PM","createdBy":1,"modifiedBy":1}],"examList":[],"faqList":[],"categoryList":[],"subscriptionList":[],"introVideoUrl":"https://www.youtube.com/embed/meliFYc1VRw","subscriptionStartAt":"","subscriptionEndAt":"","name":"Computer Special","heading":"","thumbnailUrl":"https://timescoaching.in/content/img/computer.png","metaTitle":"Computer (03:30 PM To 05:00 PM) ","metaKeywords":"","metaDescription":"","content":"","settings":{"taxPercent":18.0,"productTax":0,"taxAppliedType":2,"authType":1,"isDiscountApplied":true,"maxDiscountPercent":0.0},"id":23,"createdAt":"7/23/2019 10:40:00 AM","modifiedAt":"7/23/2019 10:40:00 AM","createdBy":1,"modifiedBy":1},"schedules":[{"id":67,"title":"Computer","thumbnailUrl":"https://timescoaching.in/content/img/teachers/manvendera.png","heading":"Manvendra Sir","description":"","publishDate":"7/31/2019 12:00:00 AM","isLive":false,"displayOrder":0,"liveVideoList":[{"id":2420,"sectionId":67,"title":"Live Class Lecture - 31 [04:00 PM - 05:30 PM 11 October 2019]","thumbnailUrl":"http://i3.ytimg.com/g4l12zBsRGU/default.jpg","heading":"Computer By Manvendra Sir","description":"","publishDate":"10/11/2019 4:00:00 PM","isLive":false,"displayOrder":0,"videoId":1407,"isAvaiable":false,"availability":0,"isFree":false},{"id":2397,"sectionId":67,"title":"Live Class Lecture - 30 [04:00 PM - 05:00 PM 10 October 2019]","thumbnailUrl":"http://i3.ytimg.com/EPLwnlnNzoI/default.jpg","heading":"Computer By Manvendra Sir","description":"","publishDate":"10/10/2019 4:00:00 PM","isLive":false,"displayOrder":0,"videoId":1390,"isAvaiable":false,"availability":0,"isFree":false},{"id":2378,"sectionId":67,"title":"Live Class Lecture - 29 [04:00 PM - 05:30 PM 09 October 2019]","thumbnailUrl":"http://i3.ytimg.com/ij_SRFFIpLk/default.jpg","heading":"Computer By Manavendra Sir","description":"","publishDate":"10/9/2019 4:00:00 PM","isLive":false,"displayOrder":0,"videoId":1378,"isAvaiable":false,"availability":0,"isFree":false},{"id":2326,"sectionId":67,"title":"Live Class Lecture - 28 [04:00 PM - 05:00 PM 03 October 2019]","thumbnailUrl":"http://i3.ytimg.com/phgnyn9ikhc/default.jpg","heading":"Computer By Manvendra Sir ","description":"","publishDate":"10/3/2019 4:00:00 PM","isLive":false,"displayOrder":0,"videoId":1338,"isAvaiable":false,"availability":0,"isFree":false},{"id":2283,"sectionId":67,"title":"Live Class Lecture - 27 [04:00 PM - 05:00 PM 01 October 2019]","thumbnailUrl":"http://i3.ytimg.com/STTCghpnR4M/default.jpg","heading":"Computer By Manvendra sir","description":"","publishDate":"10/1/2019 4:00:00 PM","isLive":false,"displayOrder":0,"videoId":1314,"isAvaiable":false,"availability":0,"isFree":false},{"id":2252,"sectionId":67,"title":"Live Class Lecture - 26 [03:30 PM - 05:00 PM 30 September 2019]","thumbnailUrl":"http://i3.ytimg.com/EsXusfsnQrI/default.jpg","heading":"Computer By Manvendra sir ","description":"","publishDate":"9/30/2019 4:00:00 PM","isLive":false,"displayOrder":0,"videoId":1295,"isAvaiable":false,"availability":0,"isFree":false},{"id":2224,"sectionId":67,"title":"Live Class Lecture - 25 [05:00 PM - 06:00 PM 28 September 2019]","thumbnailUrl":"http://i3.ytimg.com/-W_GFxFYmhc/default.jpg","heading":"Computer By Manvendra Sir","description":"","publishDate":"9/28/2019 5:00:00 PM","isLive":false,"displayOrder":0,"videoId":1276,"isAvaiable":false,"availability":0,"isFree":false},{"id":2073,"sectionId":67,"title":"Live Class Lecture - 24 [04:00 \r\nPM - 05:30 PM 18 September 2019]","thumbnailUrl":"https://i3.ytimg.com/vi/p112TfWFhbg/default.jpg","heading":"Computer By Manvendra Sir ","description":"","publishDate":"9/18/2019 4:00:00 PM","isLive":false,"displayOrder":0,"videoId":1175,"isAvaiable":false,"availability":0,"isFree":false},{"id":2016,"sectionId":67,"title":"Live Class Lecture - 21 [03:30 PM - 05:00 PM 14 September 2019]","thumbnailUrl":"https://i3.ytimg.com/vi/hqXJDh-E5os/default.jpg","heading":"Computer By Manvendra Sir","description":"","publishDate":"9/14/2019 3:25:00 PM","isLive":false,"displayOrder":0,"videoId":1139,"isAvaiable":false,"availability":0,"isFree":false},{"id":2005,"sectionId":67,"title":"Live Class Lecture - 20 [03:30 PM - 05:00 PM 13 September 2019]","thumbnailUrl":"https://i3.ytimg.com/vi/hqPxYaprKqU/default.jpg","heading":"Computer By Manvendra Sir","description":"","publishDate":"9/13/2019 3:25:00 PM","isLive":false,"displayOrder":0,"videoId":1131,"isAvaiable":false,"availability":0,"isFree":false},{"id":1985,"sectionId":67,"title":"Live Class Lecture - 19 [03:30 PM - 05:00 PM 12 September 2019]","thumbnailUrl":"https://i3.ytimg.com/vi/1CtZG7cieU0/default.jpg","heading":"Computer By Manvendra Sir","description":"","publishDate":"9/12/2019 3:25:00 PM","isLive":false,"displayOrder":0,"videoId":1115,"isAvaiable":false,"availability":0,"isFree":false},{"id":1926,"sectionId":67,"title":"Live Class Lecture - 18 [03:30 PM - 06:00 PM 09 September 2019]","thumbnailUrl":"https://i3.ytimg.com/vi/oj06bE83KIc/default.jpg","heading":"Computer By Manvendra Sir","description":"","publishDate":"9/9/2019 3:00:00 PM","isLive":false,"displayOrder":0,"videoId":1085,"isAvaiable":false,"availability":0,"isFree":false},{"id":1881,"sectionId":67,"title":"Live Class Lecture - 17 [03:30 PM - 05:00 PM 06 September 2019]","thumbnailUrl":"https://i3.ytimg.com/ZYAvkDq-8bY/default.jpg","heading":"Computer By Manvendra Sir","description":"","publishDate":"9/6/2019 3:25:00 PM","isLive":false,"displayOrder":0,"videoId":1060,"isAvaiable":false,"availability":0,"isFree":false},{"id":1867,"sectionId":67,"title":"Live Class Lecture - 16 [03:30 PM - 05:00 PM 04 September 2019]","thumbnailUrl":"https://i3.ytimg.com/p36QauR69GY/default.jpg","heading":"Computer By Manavendra Sir ","description":"","publishDate":"9/4/2019 3:25:00 PM","isLive":false,"displayOrder":0,"videoId":1049,"isAvaiable":false,"availability":0,"isFree":false},{"id":1855,"sectionId":67,"title":"Live Class Lecture - 15 [03:30 PM - 05:00 PM 03 September 2019]","thumbnailUrl":"https://i3.ytimg.com/emqJh4zcC2s/default.jpg","heading":"Computer By Manvendra Sir","description":"","publishDate":"9/3/2019 3:00:00 PM","isLive":false,"displayOrder":0,"videoId":1040,"isAvaiable":false,"availability":0,"isFree":false},{"id":1841,"sectionId":67,"title":"Live Class Lecture - 14 [03:30 PM 05:00 PM 02 september 2019]","thumbnailUrl":"https://i3.ytimg.com/VhGKe3qyW_o/default.jpg","heading":"Computer By Manvendra Sir ","description":"","publishDate":"9/2/2019 3:25:00 PM","isLive":false,"displayOrder":0,"videoId":1031,"isAvaiable":false,"availability":0,"isFree":false},{"id":1779,"sectionId":67,"title":"Live Class Lecture -13 [03:30 PM 05:00 PM 29 August 2019]","thumbnailUrl":"https://i3.ytimg.com/xuDx4Pb0a54/default.jpg","heading":"Computer By Manvendra Sir ","description":"","publishDate":"8/29/2019 3:25:00 PM","isLive":false,"displayOrder":0,"videoId":996,"isAvaiable":false,"availability":0,"isFree":false},{"id":1769,"sectionId":67,"title":"Live Class Lecture - 12 [03:30 PM 05:00 PM 28 August 2019","thumbnailUrl":"https://i3.ytimg.com/a55W9kwu7Ko/default.jpg","heading":"Computer By Manavendra Sir","description":"","publishDate":"8/28/2019 3:25:00 PM","isLive":false,"displayOrder":0,"videoId":989,"isAvaiable":false,"availability":0,"isFree":false},{"id":1755,"sectionId":67,"title":"Live Class Lecture - 11[03:30 PM 05:00 PM 27 August 2019","thumbnailUrl":"https://i3.ytimg.com/sPf4ZXDPiwQ/default.jpg","heading":"Computer By Manavendra Sir","description":"","publishDate":"8/27/2019 3:25:00 PM","isLive":false,"displayOrder":0,"videoId":980,"isAvaiable":false,"availability":0,"isFree":false},{"id":1728,"sectionId":67,"title":"Live Class Lecture - 10[04:00 PM 05:00 PM 26 August 2019]","thumbnailUrl":"https://i3.ytimg.com/SAQBpUw9OPU/default.jpg","heading":"Computer by Manavendra Sir","description":"","publishDate":"8/26/2019 3:25:00 PM","isLive":false,"displayOrder":0,"videoId":968,"isAvaiable":false,"availability":0,"isFree":false},{"id":1637,"sectionId":67,"title":"Live Class Lecture - 9[05:00 PM 06:30 PM 21 August 2019]","thumbnailUrl":"https://i3.ytimg.com/vi/Zb2mi77lU4g/default.jpg","heading":"Computer by manavendra sir","description":"","publishDate":"8/21/2019 4:55:00 PM","isLive":false,"displayOrder":0,"videoId":918,"isAvaiable":false,"availability":0,"isFree":false},{"id":1601,"sectionId":67,"title":"Live Class Lecture - 8[03:00 PM 04:30 PM 20 August 2019]","thumbnailUrl":"https://i3.ytimg.com/vi/eQdojpCPw7k/default.jpg","heading":"Computer by Manvendra Sir\r\n","description":"","publishDate":"8/20/2019 2:55:00 PM","isLive":false,"displayOrder":0,"videoId":904,"isAvaiable":false,"availability":0,"isFree":false},{"id":1536,"sectionId":67,"title":"Live Class Lecture - 7 [17 August 2019 03:30 PM 05:00 PM]","thumbnailUrl":"https://i3.ytimg.com/vi/0721FF5n_3o/default.jpg","heading":"Computer by Manvendra Sir\r\n","description":"","publishDate":"8/17/2019 3:25:00 PM","isLive":false,"displayOrder":0,"videoId":885,"isAvaiable":false,"availability":0,"isFree":false},{"id":1489,"sectionId":67,"title":"Live Class Lecture - 6 [13 August 2019 03:30 PM 05:00 PM]\n","thumbnailUrl":"https://i3.ytimg.com/vi/bc9lSJTObyc/default.jpg","heading":"Computer by Manvendra Sir","description":"","publishDate":"8/13/2019 3:25:00 PM","isLive":false,"displayOrder":0,"videoId":872,"isAvaiable":false,"availability":0,"isFree":false},{"id":1459,"sectionId":67,"title":"Live Class Lecture - 5 [03:30 PM 5:00 PM 12 August]","thumbnailUrl":"https://i3.ytimg.com/vi/GgOWFs9QWlM/default.jpg","heading":"Computer by Manvendra Sir","description":"","publishDate":"8/12/2019 3:25:00 PM","isLive":false,"displayOrder":0,"videoId":857,"isAvaiable":false,"availability":0,"isFree":false},{"id":1439,"sectionId":67,"title":"Live Class Lecture - 4 [03:30 PM 5:00 PM 10 August]","thumbnailUrl":"http://i3.ytimg.com/vi/INTNupllJ3E/default.jpg","heading":"Computer by Manvendra Sir","description":"","publishDate":"8/10/2019 3:25:00 PM","isLive":false,"displayOrder":0,"videoId":844,"isAvaiable":false,"availability":0,"isFree":false},{"id":1384,"sectionId":67,"title":"Live Class Lecture -3[05:00 PM 6:30 PM 07 August]","thumbnailUrl":"http://i3.ytimg.com/vi/vOO2TbUUa0Q/default.jpg","heading":"Computer by Manvendra Sir\r\n","description":"","publishDate":"8/7/2019 4:55:00 PM","isLive":false,"displayOrder":0,"videoId":805,"isAvaiable":false,"availability":0,"isFree":false},{"id":1370,"sectionId":67,"title":"Live Class Lecture -2[05:00 PM 6:30 PM 06 August]","thumbnailUrl":"http://i3.ytimg.com/vi/dJejWFQjUM8/default.jpg","heading":"Computer by Manvendra Sir","description":"","publishDate":"8/6/2019 4:55:00 PM","isLive":false,"displayOrder":0,"videoId":794,"isAvaiable":false,"availability":0,"isFree":false},{"id":1289,"sectionId":67,"title":"Live Class Lecture -1 [03:30 PM 05:00 PM 01 August 2019]","thumbnailUrl":"https://i3.ytimg.com/vi/2NqWuzBadhg/default.jpg","heading":"Computer by Manvendra Sir","description":"","publishDate":"8/1/2019 3:20:00 PM","isLive":false,"displayOrder":0,"videoId":749,"isAvaiable":true,"availability":0,"isFree":true}],"assignmentList":[{"id":2624,"sectionId":67,"title":"Q & A Computer","thumbnailUrl":"","heading":"Assignment By Manavendra Sir","description":"","publishDate":"10/22/2019 1:00:00 PM","displayOrder":0,"downloadId":1374,"isAvaiable":false,"availability":0,"isFree":false},{"id":2625,"sectionId":67,"title":"Computer","thumbnailUrl":"","heading":"Assignment By Manavendra Sir","description":"","publishDate":"10/22/2019 1:00:00 PM","displayOrder":0,"downloadId":1375,"isAvaiable":false,"availability":0,"isFree":false},{"id":2499,"sectionId":67,"title":"1500 Questions On Computer Awareness","thumbnailUrl":"","heading":"Manavendra Sir","description":"","publishDate":"10/15/2019 1:00:00 PM","displayOrder":0,"downloadId":1358,"isAvaiable":false,"availability":0,"isFree":false},{"id":1738,"sectionId":67,"title":"Database","thumbnailUrl":"","heading":"Assignment by Manvendera Sir","description":"","publishDate":"8/26/2019 12:04:00 PM","displayOrder":0,"downloadId":1218,"isAvaiable":false,"availability":0,"isFree":false},{"id":1739,"sectionId":67,"title":"Computer Awareness Bank PO","thumbnailUrl":"","heading":"Assignment by Manvendera Sir","description":"","publishDate":"8/26/2019 12:04:00 PM","displayOrder":0,"downloadId":1219,"isAvaiable":false,"availability":0,"isFree":false}]}]},"status":1,"message":"Details Fetched","androidAppVersion":"3.0.2"}{"success":true,"data":{"id":23,"course":{"categoriesId":[1],"shortName":"Computer Special","courseUrl":"/courses/23","statusCode":1,"statusName":"Active","productType":1,"isWithSections":true,"sectionsId":[67],"classTiming":"Classes End. Course Removed On :05th December 2019","enrollStartedAt":"7/25/2019 12:00:00 AM","enrollEndAt":"11/15/2019 12:00:00 AM","courseStartedAt":"8/1/2019 12:00:00 AM","courseEndAt":"12/5/2019 12:00:00 AM","courseExpiredAt":"12/5/2019 12:00:00 AM","isEnrollStarted":false,"isEnrollEnd":true,"isCourseStarted":false,"isCourseEnd":true,"isCourseExpired":true,"coursePrice":39900.0,"discountPrice":0.0,"discountComment":"\"USE PROMOCODE NEW50\"","courseDetails":{},"courseFeatures":{},"courseValidity":120,"teachersId":[18],"about":"","requirements":"","studentEnrolled":0,"faqsId":[],"examsId":[],"displayOrder":0,"tags":[],"isLive":false,"admissionStatus":false,"metas":[],"teacherList":[{"name":"Manvendra Sir","thumbnailUrl":"https://timescoaching.in/content/img/teachers/manvendera.png","experience":"Computer","about":"","statusCode":1,"statusName":"Active","id":18,"createdAt":"7/31/2019 4:00:00 PM","modifiedAt":"7/31/2019 4:00:00 PM","createdBy":1,"modifiedBy":1}],"examList":[],"faqList":[],"categoryList":[],"subscriptionList":[],"introVideoUrl":"https://www.youtube.com/embed/meliFYc1VRw","subscriptionStartAt":"","subscriptionEndAt":"","name":"Computer Special","heading":"","thumbnailUrl":"https://timescoaching.in/content/img/computer.png","metaTitle":"Computer (03:30 PM To 05:00 PM) ","metaKeywords":"","metaDescription":"","content":"","settings":{"taxPercent":18.0,"productTax":0,"taxAppliedType":2,"authType":1,"isDiscountApplied":true,"maxDiscountPercent":0.0},"id":23,"createdAt":"7/23/2019 10:40:00 AM","modifiedAt":"7/23/2019 10:40:00 AM","createdBy":1,"modifiedBy":1},"schedules":[{"id":67,"title":"Computer","thumbnailUrl":"https://timescoaching.in/content/img/teachers/manvendera.png","heading":"Manvendra Sir","description":"","publishDate":"7/31/2019 12:00:00 AM","isLive":false,"displayOrder":0,"liveVideoList":[{"id":2420,"sectionId":67,"title":"Live Class Lecture - 31 [04:00 PM - 05:30 PM 11 October 2019]","thumbnailUrl":"http://i3.ytimg.com/g4l12zBsRGU/default.jpg","heading":"Computer By Manvendra Sir","description":"","publishDate":"10/11/2019 4:00:00 PM","isLive":false,"displayOrder":0,"videoId":1407,"isAvaiable":false,"availability":0,"isFree":false},{"id":2397,"sectionId":67,"title":"Live Class Lecture - 30 [04:00 PM - 05:00 PM 10 October 2019]","thumbnailUrl":"http://i3.ytimg.com/EPLwnlnNzoI/default.jpg","heading":"Computer By Manvendra Sir","description":"","publishDate":"10/10/2019 4:00:00 PM","isLive":false,"displayOrder":0,"videoId":1390,"isAvaiable":false,"availability":0,"isFree":false},{"id":2378,"sectionId":67,"title":"Live Class Lecture - 29 [04:00 PM - 05:30 PM 09 October 2019]","thumbnailUrl":"http://i3.ytimg.com/ij_SRFFIpLk/default.jpg","heading":"Computer By Manavendra Sir","description":"","publishDate":"10/9/2019 4:00:00 PM","isLive":false,"displayOrder":0,"videoId":1378,"isAvaiable":false,"availability":0,"isFree":false},{"id":2326,"sectionId":67,"title":"Live Class Lecture - 28 [04:00 PM - 05:00 PM 03 October 2019]","thumbnailUrl":"http://i3.ytimg.com/phgnyn9ikhc/default.jpg","heading":"Computer By Manvendra Sir ","description":"","publishDate":"10/3/2019 4:00:00 PM","isLive":false,"displayOrder":0,"videoId":1338,"isAvaiable":false,"availability":0,"isFree":false},{"id":2283,"sectionId":67,"title":"Live Class Lecture - 27 [04:00 PM - 05:00 PM 01 October 2019]","thumbnailUrl":"http://i3.ytimg.com/STTCghpnR4M/default.jpg","heading":"Computer By Manvendra sir","description":"","publishDate":"10/1/2019 4:00:00 PM","isLive":false,"displayOrder":0,"videoId":1314,"isAvaiable":false,"availability":0,"isFree":false},{"id":2252,"sectionId":67,"title":"Live Class Lecture - 26 [03:30 PM - 05:00 PM 30 September 2019]","thumbnailUrl":"http://i3.ytimg.com/EsXusfsnQrI/default.jpg","heading":"Computer By Manvendra sir ","description":"","publishDate":"9/30/2019 4:00:00 PM","isLive":false,"displayOrder":0,"videoId":1295,"isAvaiable":false,"availability":0,"isFree":false},{"id":2224,"sectionId":67,"title":"Live Class Lecture - 25 [05:00 PM - 06:00 PM 28 September 2019]","thumbnailUrl":"http://i3.ytimg.com/-W_GFxFYmhc/default.jpg","heading":"Computer By Manvendra Sir","description":"","publishDate":"9/28/2019 5:00:00 PM","isLive":false,"displayOrder":0,"videoId":1276,"isAvaiable":false,"availability":0,"isFree":false},{"id":2073,"sectionId":67,"title":"Live Class Lecture - 24 [04:00 \r\nPM - 05:30 PM 18 September 2019]","thumbnailUrl":"https://i3.ytimg.com/vi/p112TfWFhbg/default.jpg","heading":"Computer By Manvendra Sir ","description":"","publishDate":"9/18/2019 4:00:00 PM","isLive":false,"displayOrder":0,"videoId":1175,"isAvaiable":false,"availability":0,"isFree":false},{"id":2016,"sectionId":67,"title":"Live Class Lecture - 21 [03:30 PM - 05:00 PM 14 September 2019]","thumbnailUrl":"https://i3.ytimg.com/vi/hqXJDh-E5os/default.jpg","heading":"Computer By Manvendra Sir","description":"","publishDate":"9/14/2019 3:25:00 PM","isLive":false,"displayOrder":0,"videoId":1139,"isAvaiable":false,"availability":0,"isFree":false},{"id":2005,"sectionId":67,"title":"Live Class Lecture - 20 [03:30 PM - 05:00 PM 13 September 2019]","thumbnailUrl":"https://i3.ytimg.com/vi/hqPxYaprKqU/default.jpg","heading":"Computer By Manvendra Sir","description":"","publishDate":"9/13/2019 3:25:00 PM","isLive":false,"displayOrder":0,"videoId":1131,"isAvaiable":false,"availability":0,"isFree":false},{"id":1985,"sectionId":67,"title":"Live Class Lecture - 19 [03:30 PM - 05:00 PM 12 September 2019]","thumbnailUrl":"https://i3.ytimg.com/vi/1CtZG7cieU0/default.jpg","heading":"Computer By Manvendra Sir","description":"","publishDate":"9/12/2019 3:25:00 PM","isLive":false,"displayOrder":0,"videoId":1115,"isAvaiable":false,"availability":0,"isFree":false},{"id":1926,"sectionId":67,"title":"Live Class Lecture - 18 [03:30 PM - 06:00 PM 09 September 2019]","thumbnailUrl":"https://i3.ytimg.com/vi/oj06bE83KIc/default.jpg","heading":"Computer By Manvendra Sir","description":"","publishDate":"9/9/2019 3:00:00 PM","isLive":false,"displayOrder":0,"videoId":1085,"isAvaiable":false,"availability":0,"isFree":false},{"id":1881,"sectionId":67,"title":"Live Class Lecture - 17 [03:30 PM - 05:00 PM 06 September 2019]","thumbnailUrl":"https://i3.ytimg.com/ZYAvkDq-8bY/default.jpg","heading":"Computer By Manvendra Sir","description":"","publishDate":"9/6/2019 3:25:00 PM","isLive":false,"displayOrder":0,"videoId":1060,"isAvaiable":false,"availability":0,"isFree":false},{"id":1867,"sectionId":67,"title":"Live Class Lecture - 16 [03:30 PM - 05:00 PM 04 September 2019]","thumbnailUrl":"https://i3.ytimg.com/p36QauR69GY/default.jpg","heading":"Computer By Manavendra Sir ","description":"","publishDate":"9/4/2019 3:25:00 PM","isLive":false,"displayOrder":0,"videoId":1049,"isAvaiable":false,"availability":0,"isFree":false},{"id":1855,"sectionId":67,"title":"Live Class Lecture - 15 [03:30 PM - 05:00 PM 03 September 2019]","thumbnailUrl":"https://i3.ytimg.com/emqJh4zcC2s/default.jpg","heading":"Computer By Manvendra Sir","description":"","publishDate":"9/3/2019 3:00:00 PM","isLive":false,"displayOrder":0,"videoId":1040,"isAvaiable":false,"availability":0,"isFree":false},{"id":1841,"sectionId":67,"title":"Live Class Lecture - 14 [03:30 PM 05:00 PM 02 september 2019]","thumbnailUrl":"https://i3.ytimg.com/VhGKe3qyW_o/default.jpg","heading":"Computer By Manvendra Sir ","description":"","publishDate":"9/2/2019 3:25:00 PM","isLive":false,"displayOrder":0,"videoId":1031,"isAvaiable":false,"availability":0,"isFree":false},{"id":1779,"sectionId":67,"title":"Live Class Lecture -13 [03:30 PM 05:00 PM 29 August 2019]","thumbnailUrl":"https://i3.ytimg.com/xuDx4Pb0a54/default.jpg","heading":"Computer By Manvendra Sir ","description":"","publishDate":"8/29/2019 3:25:00 PM","isLive":false,"displayOrder":0,"videoId":996,"isAvaiable":false,"availability":0,"isFree":false},{"id":1769,"sectionId":67,"title":"Live Class Lecture - 12 [03:30 PM 05:00 PM 28 August 2019","thumbnailUrl":"https://i3.ytimg.com/a55W9kwu7Ko/default.jpg","heading":"Computer By Manavendra Sir","description":"","publishDate":"8/28/2019 3:25:00 PM","isLive":false,"displayOrder":0,"videoId":989,"isAvaiable":false,"availability":0,"isFree":false},{"id":1755,"sectionId":67,"title":"Live Class Lecture - 11[03:30 PM 05:00 PM 27 August 2019","thumbnailUrl":"https://i3.ytimg.com/sPf4ZXDPiwQ/default.jpg","heading":"Computer By Manavendra Sir","description":"","publishDate":"8/27/2019 3:25:00 PM","isLive":false,"displayOrder":0,"videoId":980,"isAvaiable":false,"availability":0,"isFree":false},{"id":1728,"sectionId":67,"title":"Live Class Lecture - 10[04:00 PM 05:00 PM 26 August 2019]","thumbnailUrl":"https://i3.ytimg.com/SAQBpUw9OPU/default.jpg","heading":"Computer by Manavendra Sir","description":"","publishDate":"8/26/2019 3:25:00 PM","isLive":false,"displayOrder":0,"videoId":968,"isAvaiable":false,"availability":0,"isFree":false},{"id":1637,"sectionId":67,"title":"Live Class Lecture - 9[05:00 PM 06:30 PM 21 August 2019]","thumbnailUrl":"https://i3.ytimg.com/vi/Zb2mi77lU4g/default.jpg","heading":"Computer by manavendra sir","description":"","publishDate":"8/21/2019 4:55:00 PM","isLive":false,"displayOrder":0,"videoId":918,"isAvaiable":false,"availability":0,"isFree":false},{"id":1601,"sectionId":67,"title":"Live Class Lecture - 8[03:00 PM 04:30 PM 20 August 2019]","thumbnailUrl":"https://i3.ytimg.com/vi/eQdojpCPw7k/default.jpg","heading":"Computer by Manvendra Sir\r\n","description":"","publishDate":"8/20/2019 2:55:00 PM","isLive":false,"displayOrder":0,"videoId":904,"isAvaiable":false,"availability":0,"isFree":false},{"id":1536,"sectionId":67,"title":"Live Class Lecture - 7 [17 August 2019 03:30 PM 05:00 PM]","thumbnailUrl":"https://i3.ytimg.com/vi/0721FF5n_3o/default.jpg","heading":"Computer by Manvendra Sir\r\n","description":"","publishDate":"8/17/2019 3:25:00 PM","isLive":false,"displayOrder":0,"videoId":885,"isAvaiable":false,"availability":0,"isFree":false},{"id":1489,"sectionId":67,"title":"Live Class Lecture - 6 [13 August 2019 03:30 PM 05:00 PM]\n","thumbnailUrl":"https://i3.ytimg.com/vi/bc9lSJTObyc/default.jpg","heading":"Computer by Manvendra Sir","description":"","publishDate":"8/13/2019 3:25:00 PM","isLive":false,"displayOrder":0,"videoId":872,"isAvaiable":false,"availability":0,"isFree":false},{"id":1459,"sectionId":67,"title":"Live Class Lecture - 5 [03:30 PM 5:00 PM 12 August]","thumbnailUrl":"https://i3.ytimg.com/vi/GgOWFs9QWlM/default.jpg","heading":"Computer by Manvendra Sir","description":"","publishDate":"8/12/2019 3:25:00 PM","isLive":false,"displayOrder":0,"videoId":857,"isAvaiable":false,"availability":0,"isFree":false},{"id":1439,"sectionId":67,"title":"Live Class Lecture - 4 [03:30 PM 5:00 PM 10 August]","thumbnailUrl":"http://i3.ytimg.com/vi/INTNupllJ3E/default.jpg","heading":"Computer by Manvendra Sir","description":"","publishDate":"8/10/2019 3:25:00 PM","isLive":false,"displayOrder":0,"videoId":844,"isAvaiable":false,"availability":0,"isFree":false},{"id":1384,"sectionId":67,"title":"Live Class Lecture -3[05:00 PM 6:30 PM 07 August]","thumbnailUrl":"http://i3.ytimg.com/vi/vOO2TbUUa0Q/default.jpg","heading":"Computer by Manvendra Sir\r\n","description":"","publishDate":"8/7/2019 4:55:00 PM","isLive":false,"displayOrder":0,"videoId":805,"isAvaiable":false,"availability":0,"isFree":false},{"id":1370,"sectionId":67,"title":"Live Class Lecture -2[05:00 PM 6:30 PM 06 August]","thumbnailUrl":"http://i3.ytimg.com/vi/dJejWFQjUM8/default.jpg","heading":"Computer by Manvendra Sir","description":"","publishDate":"8/6/2019 4:55:00 PM","isLive":false,"displayOrder":0,"videoId":794,"isAvaiable":false,"availability":0,"isFree":false},{"id":1289,"sectionId":67,"title":"Live Class Lecture -1 [03:30 PM 05:00 PM 01 August 2019]","thumbnailUrl":"https://i3.ytimg.com/vi/2NqWuzBadhg/default.jpg","heading":"Computer by Manvendra Sir","description":"","publishDate":"8/1/2019 3:20:00 PM","isLive":false,"displayOrder":0,"videoId":749,"isAvaiable":true,"availability":0,"isFree":true}],"assignmentList":[{"id":2624,"sectionId":67,"title":"Q & A Computer","thumbnailUrl":"","heading":"Assignment By Manavendra Sir","description":"","publishDate":"10/22/2019 1:00:00 PM","displayOrder":0,"downloadId":1374,"isAvaiable":false,"availability":0,"isFree":false},{"id":2625,"sectionId":67,"title":"Computer","thumbnailUrl":"","heading":"Assignment By Manavendra Sir","description":"","publishDate":"10/22/2019 1:00:00 PM","displayOrder":0,"downloadId":1375,"isAvaiable":false,"availability":0,"isFree":false},{"id":2499,"sectionId":67,"title":"1500 Questions On Computer Awareness","thumbnailUrl":"","heading":"Manavendra Sir","description":"","publishDate":"10/15/2019 1:00:00 PM","displayOrder":0,"downloadId":1358,"isAvaiable":false,"availability":0,"isFree":false},{"id":1738,"sectionId":67,"title":"Database","thumbnailUrl":"","heading":"Assignment by Manvendera Sir","description":"","publishDate":"8/26/2019 12:04:00 PM","displayOrder":0,"downloadId":1218,"isAvaiable":false,"availability":0,"isFree":false},{"id":1739,"sectionId":67,"title":"Computer Awareness Bank PO","thumbnailUrl":"","heading":"Assignment by Manvendera Sir","description":"","publishDate":"8/26/2019 12:04:00 PM","displayOrder":0,"downloadId":1219,"isAvaiable":false,"availability":0,"isFree":false}]}]},"status":1,"message":"Details Fetched","androidAppVersion":"3.0.2"}

最佳答案

提供的 JSON 数据似乎被粘贴了两次，因此我尝试更正 JSON 并修改代码，以便一切正常。

您可能需要更多地了解 HTML，因为有很多地方出了问题。

您想使用<head>不是<header>
您希望将脚本标记放在 <body> 中的元素后面允许脚本与元素交互。如果没有，这可能会导致更烦人的错误。
表格的格式应正确，格式为 <thead>和<tbody>
最好将样式表链接放在 <head> 中

JS 大部分工作正常，您只需要正确引用 liveVideoList 。您需要引用 liveVideoList 的路径而不是仅仅输入名称。在这种情况下，它看起来像 json.data.schedules[0].liveVideoList .

修改后的 HTML:

<head>
    <title>Welcome</title>
    <link rel="stylesheet" href="index.css">
</head>

<body>
    <h1>VIDEO LIST</h1>
    <table class="button" id="userdata" width="100%" border="20">
        <thead>
            <tr>
                <th>VIDEO NAME</th>
                <th>PRICE</th>
                <th>DATE</th>
                <th>TIME</th>
                <th>LINK</th>
            </tr>
        </thead>
        <tbody>
        </tbody>
    </table>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script src="index.js"></script>
</body>
</html>

修改后的 JavaScript:

$("#userdata tbody").empty();

var b = location.search.split('b=')[1];

$.get(
    "index2.php",
    { "b": b },
    function (data) {
        var json = JSON.parse(data);

        $.each(json.data.schedules, function (j, w) {
            $.each(w.liveVideoList, function (i, v) {
                var str = v.thumbnailUrl.split("vi/").pop();

                var datee = v.publishDate.slice(0, 9);
                var timee = v.publishDate.slice(9, 20);

                var tblRows = "<tr>" + "<td>" + v.title + "</td>" + "<td>" + 0 + '  ₹' + "</td>" + "<td>" + datee + "</td>" + "<td>" + timee + "</td>" + "<td><a target='_blank' href='" + str + "'>" + "WATCH/DOWNLOAD" + "</a></td>" + "</tr>";

                $(tblRows).appendTo("#userdata");
            });
        });
    }
);

修改后的工作代码:https://repl.it/@DrewSnow/JavaScript-use-complex-json-file

关于JavaScript 使用复杂的 json 文件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/59336994/

文章推荐： javascript - 获取 POST 请求失败 : CORS header

文章推荐： javascript - JS 验证函数跳过字段并从中间开始

javascript - 使用 WebScriptEndpoint 使用 javascript 使用 WCF 服务
我在网上搜索但没有找到任何合适的文章解释如何使用 javascript 使用 WCF 服务，尤其是 WebScriptEndpoint。任何人都可以对此给出任何指导吗？谢谢最佳答案这是一篇关于
c - 没有结果!!使用 fork() 使用 dup2 使用 2 个管道运行 execlp()
我正在编写一个将运行 Linux 命令的 C 程序，例如: cat/etc/passwd | grep 列表 |剪切-c 1-5 我没有任何结果 *这里 parent 等待第一个 child (chi
python - 处理文件上传，使用 Pillow 调整大小，使用 SQLAlchemy 存储，使用 Flask 提供文件
所以我正在尝试处理文件上传，然后将该文件作为二进制文件存储到数据库中。在我存储它之后，我尝试在给定的 URL 上提供文件。我似乎找不到适合这里的方法。我需要使用数据库，因为我使用 Google 应用引
excel - 使用 IF 使用 VBA 在单元格中添加公式的问题
我正在尝试制作一个宏，将下面的公式添加到单元格中，然后将其拖到整个列中并在 H 列中复制相同的公式我想在 F 和 H 列中输入公式的数据 Range("F1").formula = "=IF(ISE
使用 OperatorPrecedenceParser 使用 FParsec 解析函数应用程序？
问题类似于this one ，但我想使用 OperatorPrecedenceParser 解析带有函数应用程序的表达式在 FParsec . 这是我的 AST: type Expression =
sql - 使用 sequelize 使用 where 查询编码计数
我想通过使用 sequelize 和 node.js 将这个查询更改为代码取决于在哪里 select COUNT(gender) as genderCount from customers where
bash - 使用 “let”分配Bash失败，使用 “/”
我正在使用GNU bash，版本5.0.3(1)-发行版(x86_64-pc-linux-gnu)，我想知道为什么简单的赋值语句会出现语法错误: #/bin/bash var1=/tmp
javascript - 使用 JavaScript 使用 FOR OF 数组循环时出现错误？
这里，为什么我的代码在 IE 中不起作用。我的代码适用于所有浏览器。没有问题。但是当我在 IE 上运行我的项目时，它发现错误。而且我的 jquery 类和 insertadjacentHTMl 也不
javascript - 使用 javascript 使用 for 属性更改表单标签内容
我正在尝试更改标签的innerHTML。我无权访问该表单，因此无法编辑 HTML。标签具有的唯一标识符是“for”属性。这是输入和标签的结构:
javascript - 使用 jquery 使用 .on() 将事件附加到页面上的动态插入按钮
我有一个页面，我可以在其中返回用户帖子，可以使用一些 jquery 代码对这些帖子进行即时评论，在发布新评论后，我在帖子下插入新评论以及删除按钮。问题是 Delete 按钮在新插入的元素上不起作用，
使用 awk 使用 sha1sum 进行散列
我有一个大约有 20 列的“管道分隔”文件。我只想使用 sha1sum 散列第一列，它是一个数字，如帐号，并按原样返回其余列。使用 awk 或 sed 执行此操作的最佳方法是什么？ Accounti
mysql - 使用 insert into 使用 mysql
我需要将以下内容插入到我的表中...我的用户表有五列 id、用户名、密码、名称、条目。 (我还没有提交任何东西到条目中，我稍后会使用 php 来做)但由于某种原因我不断收到这个错误:#1054 - U
jquery - 将输入字段值修剪为仅字母数字字符/使用 .使用 jQuery
所以我试图有一个输入字段，我可以在其中输入任何字符，但然后将输入的值小写，删除任何非字母数字字符，留下“。”而不是空格。例如，如果我输入: 地球的 70% 是水，-!*#$^^ & 30% 土地输
javascript - 使用 .innerHTML 使用 DOM
我正在尝试做一些我认为非常简单的事情，但出于某种原因我没有得到想要的结果？我是 javascript 的新手，但对 java 有经验，所以我相信我没有使用某种正确的规则。这是一个获取输入值、检查选择
php - 使用 angularjs 使用 where 子句从数据库获取数据
我想使用 angularjs 从 mysql 数据库加载数据。这就是应用程序的工作原理；用户登录，他们的用户名存储在 cookie 中。该用户名显示在主页上我想获取这个值并通过 angularjs
ios - 使用 UITableViewCell 使用 AutoLayout
我正在使用 autoLayout，我想在 UITableViewCell 上放置一个 UIlabel，它应该始终位于单元格的右侧和右侧的中心。这就是我想要实现的目标所以在这里你可以看到我正在谈论的
mysql - 使用 ElasticSearch 使用 or 和运算符搜索多个字段
我需要与 MySql 等效的 elasticsearch 查询。我的 sql 查询: SELECT DISTINCT t.product_id AS id FROM tbl_sup_price t
ios - 使用 Swift 使用 JSON
我正在实现代码以使用 JSON。 func setup() { if let flickrURL = NSURL(string: "https://api.flickr.com/
javascript - 使用 JavaScript 使用 for 循环声明变量
我尝试使用for循环声明变量，然后测试cols和rols是否相同。如果是，它将运行递归函数。但是，我在 javascript 中执行 do 时遇到问题。有人可以帮忙吗？现在，在比较 col.1 和
jquery - 使用 :after 使用 jquery 更改样式
我举了一个我正在处理的问题的简短示例。 HTML代码: 1 2 3 CSS 代码: .BB a:hover{ color: #000; } .BB > li:after {

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

JavaScript 使用复杂的 json 文件