2016-10-18 4 views
1

私はプログラミングが初めてです。私はAPIを使用して、nodejを使用してブラウザに結果を出力します。 apiはconsole.log上で正常に動作しますが、ブラウザ上でレンダリングしたいのですが、私はjade templeを使用しています。では、console.logの代わりにブラウザにレンダリングするためのコードを書くにはどうしたらいいですか?私の英語のために申し訳ありません!このコードをhtmlに印刷するには?

var express = require('express'), 
    app  = express(); 

app.set('view engine', 'jade'); 
app.use(express.static(__dirname + '/public')); 
app.get('/',function(req,res) { 
    // res.send('index.html'); 
    res.render('index'); 
}); 


var messagebird = require('messagebird')('access key gores here'); 

messagebird.balance.read(function (err, response) { 
    if (err) { 
    return console.log(err); 
    } 
    console.log('Your balance: ' + response.amount + ', ' + response.type + ', ' + response.payment); 
    // document.getElementById('#balance').innerHTML = Your balance: 'response.amount'; 
}); 
+0

コピー' app.get'ブロックにそのコードを貼り付け、(...) 'はconsole.logを交換'(...) ' ?しかし、おそらくREST APIが必要です。 – tcooc

+2

console.logまたはdocument.getElementById( 'balance')の代わりにdocument.writeを使用します。innerHTML = '残高:' + response.amount; – Ram

+0

'jade'は' pug'という名前になりました。ビューエンジンが正しく設定されていない可能性があります。 – 1252748

答えて

2

は君たちをありがとう...これを試してみてください!!とにかく私はそれがうまく動作するコードです。

app.get('/',function(req,res) { 
    messagebird.balance.read(function (err, response) { 
    if (err) { 
    console.log(err); 
    } else 
     res.render('index', { 
     balance:response.amount, type:response.type 
     }); 
    }); 
}); 

、あなたはヒスイを使用している場合は、ちょうどその ように、あなたのビューテンプレートインデックスファイルにこのコードを記述します。 h1 = balance。

どうもありがとうres.end `と@Umakantたてがみ

2

app.get('/',function(req,res) { 
    messagebird.balance.read(function (err, response) { 
    if (err) { 
    console.log(err); 
    } else 
     res.render('index',{balance:response.amount, type:response.type}); 
    }); 
}); 
+0

私はあなたのコードを試しました。以前は持っていたようにnodemonからのエラーはありませんでしたが、ブラウザに何も表示されませんでしたが、console.logを試してみるとバランスが取れました。私はまだ何か間違っていると思いますか? – Madeny

+0

共有ur jadeブラウザのレベルコード –

+0

申し訳ありませんが、あなたが言っていることを理解していません。 index.jadeにコードはありません。私は出力を見ることができるようにすべてのコードを削除しました!してください – Madeny

関連する問題