How to call json in API and display it to a web page.

trouble everyone to help again. I used to be a designer. Not long after I came into contact with the front end, I thanked you for your help with the dynamically generated problems last time. This time the problem is simply a nightmare for a rookie like me.
the backstage threw a connection and said that it would be good to call it with ajax. I have been copying and pasting a lot of ready-made code for a long time and found that the problem could not be solved. So once again, shamelessly come and ask for advice (can you write it down)

api address thrown by the background brother api/OperateCms/GetOperateCMSList
visual json content 

{
  "Status": true,
  "StatusMessage": "",
  "BackData": {
    "dataList": [
      {
        "OC_EditDateString": "2018/3/14 10:11:53",
        "Class_Name": "",
        "OCLName": null,
        "EditName": "Admin",
        "OC_Id": 9,
        "OCC_Id": 2,
        "OC_Name": "",
        "OC_Logo": "/Uploads/Images/2018/03/14/2018031408562077796.jpg",
        "OC_Content": "
",
        "OC_Enable": true,
        "AU_Id": 1,
        "OC_EditDate": "2018-03-14T10:11:53"
      },
      {
        "OC_EditDateString": "2018/3/13 15:15:03",
        "Class_Name": "",
        "OCLName": null,
        "EditName": "Admin",
        "OC_Id": 8,
        "OCC_Id": 1,
        "OC_Name": "4",
        "OC_Logo": "/Uploads/Images/2018/03/13/2018031315140675926.jpg",
        "OC_Content": "
",
        "OC_Enable": true,
        "AU_Id": 1,
        "OC_EditDate": "2018-03-13T15:15:03"
      },
      {
        "OC_EditDateString": "2018/3/13 15:07:58",
        "Class_Name": "",
        "OCLName": null,
        "EditName": "Admin",
        "OC_Id": 7,
        "OCC_Id": 1,
        "OC_Name": "3",
        "OC_Logo": "/Uploads/Images/2018/03/13/2018031314522155208.jpg",
        "OC_Content": "
asdfsdafsdaf         
",
        "OC_Enable": false,
        "AU_Id": 1,
        "OC_EditDate": "2018-03-13T15:07:58"
      }
    ]
  }
}

finally, can you recommend some books, or which video author has done better teaching?

Jquery
Feb.28,2021

well, it's not easy to write for you if you don't give it to the page.

well, let's just say it's all p tags.
first of all, you have to introduce a jQuery,. If you don't teach much, search it yourself. Remember:

  1. put all the < script > tags in front of < / body > ;
  2. remember to introduce it first and then call it.

in addition, jQ documents can refer to jQuery API Chinese documents

then, considering that the JSON, is sent back in the background, you can use jQ's getJSON interface: 

  
 at the entry level, I still think "the Art of javascript DOM programming" is suitable for you, and then go to "javascript Advanced programming" or "javascript authoritative Guide" 
 if you want to improve.

Previous: Reactjs multiple pages need to get the values returned by the same ajax.

Next: Php memory problem

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1bf3f69-30c05.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1bf3f69-30c05.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?