Javascript 无法将外部信息附加到我的网页

我正在尝试从url获取信息，并将其打印到我的移动网页上。有关网址的详情如下：

object(Carbon\Carbon)#11 (3) {
  ["date"]=>
  string(19) "2014-04-23 00:00:00"
  ["timezone_type"]=>
  int(3)
  ["timezone"]=>
  string(15) "America/Chicago"
}
{"bank":"-946.30","cash":"-89.46","daily_aim":"-47.08","spent_today":"824.00"}

我想在我的手机网页上打印如下：

银行：$-946.30

现金：$-89.46

每日预算：$-47.08

今天的费用：824.00美元

以下是我的代码，但它们不起作用。请告诉我我做错了什么。我查阅了API并遵循它。谢谢

剧本

$.getJSON( "http://testwebsite.com/test.html", function( data ) {
    var wrap = $("<div/>").attr('data-role', 'page');
    $("<p/>",{
        text:"Bank: $"+ data.bank
    }).appendTo(wrap); 
    $("<p/>",{
        text:"Cash: $"+ data.cash
    }).appendTo(wrap); 
    $("<p/>",{
        text:"Daily Budget: $"+ data.daily_aim
    }).appendTo(wrap); 
    $("<p/>",{
        text:"Today's Expense: $"+ data.spent_today
    }).appendTo(wrap); 
    wrap.appendTo('#budgetList'); 
});

HTML

---

我认为你的附加错误。我认为应该是一个很长的内容字符串附加一次，比如：

$.getJSON( "http://testwebsite.com/test.html", function( data ) {
    var wrap = '<div data-role="page">' +
               '<p>Bank: ' + data.bank + '</p>' +
               '<p>Cash: ' + data.cash + '</p>' +
               '<p>Daily Budget: ' + data.daily_aim + '</p>' +
               '<p>Todays Expense: ' + data.spent_today + '</p>' +
               '</div>';

    $('#budgetList').html(wrap); 
});

---

谢谢你的回复。我修改了你的代码，但它仍然显示一个空白屏幕。已编辑的代码-尝试设置内部html，而不是附加html。仍然输出一个空白屏幕。您可以在developer tools中中断函数，看看数据对象是否实际包含您期望的JSON吗？我没有从数据中得到任何信息。这是实际的url:

$.getJSON( "http://testwebsite.com/test.html", function( data ) {
    var wrap = '<div data-role="page">' +
               '<p>Bank: ' + data.bank + '</p>' +
               '<p>Cash: ' + data.cash + '</p>' +
               '<p>Daily Budget: ' + data.daily_aim + '</p>' +
               '<p>Todays Expense: ' + data.spent_today + '</p>' +
               '</div>';

    $('#budgetList').html(wrap); 
});