如何以正确的方式显示JavaScript响应？

下面是我调用服务器API的JavaScript代码：

<script type='text/javascript'>
  call_juvlon_api(apikey, 'getAvailableCredits', '', function(response) {
     document.getElementById('show').innerHTML=response;
  });   
</script>

但我想要的是这样的结果：

<h1>code:200</h1>
<h1>status:Success:Mail Credit Details</h1>
<h1>Mail Credits:46</h1>

代码：200
状态：成功：邮件信用详细信息
邮资：46

我尝试了以下操作，但未显示任何内容：

var obj=['show'] 

var tbl=$("<table/>").attr("id","mytable");
$("#div1").append(tbl);
for(var i=0;i<obj.length;i++)
{
    var tr="<tr>";
    var td1="<td>"+obj[i]["code"]+"</td>";
    var td2="<td>"+obj[i]["status"]+"</td>";
    var td3="<td>"+obj[i]["color"]+"</td></tr>";

    $("#mytable").append(tr+td1+td2+td3);
}

var obj=['show']
var tbl=$（“”）.attr（“id”，“mytable”）；
$（“#div1”）。追加（待定）；
对于（var i=0；i首先需要3个h1元素，因此将'show'元素更改为如下所示的div

<div id='show'></div>

<script type='text/javascript'>
   call_juvlon_api(apikey, 'getAvailableCredits', '', function(response) {
    var obj = JSON.parse(response);
    for(var prop in obj) {
       document.getElementById('show').innerHTML += '<h1>' + prop + ":" + obj[prop] + '</h1>';
    }
}); 



然后在javascript代码中，按名称访问响应元素，如下所示

<div id='show'></div>

<script type='text/javascript'>
   call_juvlon_api(apikey, 'getAvailableCredits', '', function(response) {
    var obj = JSON.parse(response);
    for(var prop in obj) {
       document.getElementById('show').innerHTML += '<h1>' + prop + ":" + obj[prop] + '</h1>';
    }
}); 


调用函数（响应）{
var obj=JSON.parse（响应）；
用于（obj中的var prop）{
document.getElementById（'show'）.innerHTML++=''+prop+''：“+obj[prop]+''；
}
}); 

我已经发布了…我尝试过的…看看它….！！！我尝试过…但是它显示了相同的结果，即
{“code”：“200”，“status”：“Success:Mail Credit Details”，“Mail Credits”：“46”}
你确定你的call_juvlon_api函数返回了有效的JSON吗？