無法將外部信息附加到我的網頁

Question

我想從網址獲取信息並在我的移動網頁上打印出來。在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

<div data-role="page" id="budget" data-theme="e"> 
      <header data-role="header"> 
      <h1>Budget</h1>  
     </header> 
     <article data-role="content"> 
      <div id="budgetList"> 
       <!--fill up with info from url--> 
      </div> 
     </article> 
     <footer data-role="footer" data-position="fixed"> 
       <h1></h1> 
     </footer> 
     </div> 

Answer 1

我不認爲你正確地追加。我認爲它應該是一個附加一長串的內容 - 例如：

$.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); 
});