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

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