如何从 html 中的 API (json) 调用参数

Question

我创建了my own API，想知道如何调用参数？ 我一直在尝试使用以下代码调用“type”参数，但它未定义......即使我只记录“json”，控制台中也没有任何显示......

谁能告诉我我哪里做错了？

非常感谢！！！ :))) 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

查看你从服务器获取的部分 JSON 数据：

{
  "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"
    },
....

据此，您应该通过以下方式访问第 0 个元素的“类型”：

json.result[0].type

请注意，您的 json 在接收时会转换为 JS 对象。您应该遵循对象的方案来访问它的任何属性。