如何从html中的API（json）调用参数

Question

I have created my own API , and would like to know how could I call the parameters? I have been trying to call the "type" parameter with the following code but it's being undefined... And nothing shows up in the console even when I am only logging "json"...

Can some one please tell me where did I do wrong please?

Thanks a lot!!! :))) xxx

  <canvas id="myCanvas"> </canvas> <script type="text/javascript" src="js/jQuery.js"></script> <script type="text/javascript"> var canvas = document.getElementById("myCanvas"); var ctx = canvas.getContext("2d"); ctx.canvas.width = window.innerWidth; ctx.canvas.height = window.innerHeight; $(document).ready(function(){ var ctx = canvas.getContext("2d"); ctx.beginPath(); ctx.fillStyle = "rgb(255,255,255)"; ctx.fillRect(0,0,canvas.width, canvas.height); var url = "https://sheetsu.com/apis/f924526c"; $.getJSON(url,function(json){ console.log(json); var type = json.type; $('type').append(type); console.log(type); }); }); </script> 

Answer 1

Look at a part of the JSON data you got from the server:

{
  "status": 200,
  "success": true,
  "result": [
    {
      "number": "0",
      "URL random digit1": "1",
      "URL random digit2": "8",
      "id": "1a8",
      "name": "user1",
      "type": "mf",
      "url": "http://test.com/customised_url_1a8",
      "message": "bonjour user1"
    },
....

According to this, you should access the 0th element's "type" in the following manner:

json.result[0].type

Please note than your json is converted to a JS object upon reception. You should follow the object's scheme to access any property of it.