私は現在画像を持っています。画像をクリックすると画像のURL(srcです)を取得し、その画像に関連する情報を取得します私のmongodbデータベース。私がそれをやろうとしているのは、イメージをクリックしてURLを取得してから、私のルートファイルにURLを戻します。>情報を取得するためにデータベースクエリを実行してから、ページに戻って情報が空白になります。Node.jsハンドルバーでajaxを呼び出すと結果が表示されます
私のAJAX呼び出し:
$(function() {
$(".image_selection").click(function() {
var idimg = $(this).attr('id');
var data = {};
data.img = idimg;
var source, template;
$.ajax({
type: 'GET',
data: encodeURIComponent(idimg),
url: 'http://localhost:3001/new',
success: function(data) {
console.log('success');
console.log(data);
}
});
$("#load_art").css({"visibility":"visible"});
//$("#load_art").html({data});
$(".image_selection1").attr('src',idimg);
$('html,body').animate({
scrollTop: $("#load_art").offset().top},
'slow');
});
});
});
マイルートファイル:私は{{画像}}書く場合
app.get('/new', function(req, res){
var obj = {};
var img = req.body.img;
Images.find({'url':img}).limit(1).exec(function(err, docs){
res.send({images:docs});
});
});
ハンドルバービューは、技術的には私の生のデータを表示する必要がありますが、何も現れません。何か案は?コンソールで
:
success
Array[1]
0:Object
width: bla bla,
height: bla bla,
etc for each object element returned from database
データをキャプチャしてハンドルバーに渡す方法をお勧めしますか? – user
あなたのデータはすでにあります.'data'パラメータはあなたのajax呼び出しから返されたデータです。私のコメントがそれを見るために 'console.log(data) 'を置くことができます。その後、コンパイルされたハンドルバーテンプレートにデータを渡します。おそらくあなたは質問にあなたのハンドルバーの表示を含めることができ、私はさらにあなたを導くことができます。 – rasmeister
私がしようとしているのは、ajax呼び出しが完了したときにハンドルバーページのセクションを(返されたデータとともに)表示することです。上記のコードを更新して、私が達成しようとしていることを示しました(ページのセクションにスクロールし、クリックしたイメージを表示してから、データベースから取得したデータをロードします。ハンドルバーファイルは/ home – user