This JavaScript code creates the output you see below
<!DOCTYPE html>
<html>
<head>
  <title>RESTful "live" Gold Price (Ajax)</title>

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

  <script type="text/javascript">
    var returnData = "";
    var dgcscURL = "https://xml.dgcsc.org/xml.cfm?password=trial&action=goldjbao";
		
    // Fetch the data fronm DGCSC.org using jQuery 
    $.ajax({type: "GET",dataType: "json",async: true,url: dgcscURL}).then(function(data) {
	        
      recurse(data);
					
      $("div#dgcscOutput").html(returnData);
    });

    // Recursively iterate through the data to display it
    function recurse(data) {
      for (var key in data) {
        if (!data.hasOwnProperty(key) || !isNaN(key)) {
          continue;
        }
        var innerdata = data[key];
        if (typeof(innerdata) == "object") {
          returnData += "    " + key + "<br>";
          recurse(innerdata);
        }
        else {
          returnData += "        " + key + " = " + innerdata + "<br>";
        }
      }
    };
  </script>

</head>
<body>

  <div id="dgcscOutput"></div>

</body>
</html>