var memberURL;
var memberAva;
var memberName;
var members = data.find('.userdata');
for (var j = 0; j < members.length; j++) {
membername = $(members[j]).find('.username').text();
memberURL = $(members[j]).find('.username').attr('href');
}
memberAva = $('#advanced-profile-right img:eq[0]');
$.ajax({
url:"/viewonline",
type:"GET",
data: {memberURL, memberName}, //What should i do here?
success: function() {
$.ajax({
url: memberURL,
type:"GET",
data: memberAva
}).done(function() {
$('.user_info_on').append('<div class="on_name"><a href="' + memberURL + '" title="'+ memberName +'"><img src="' + memberAva + '"/></a></div>');
}
});
});
最初の ajax リクエストから取得しようとしているのは、メンバーの URL とメンバーの名前です。成功すると、メンバーの URL (それぞれ) に対して別の ajax リクエストを作成し、メンバーのアバターを取得します。次に、取得したデータを投稿します。コードが機能していません。どうすればよいかわかりません。
これが唯一の方法だと思いますが、2つの .get() に投稿しようとしましたか? とにかく、誰かが私に提案やヒントを持っていますか?
動作する .get() -
$(function () {
$.get('/viewonline', function (data) {
data = $(data);
var members = data.find('.userdata');
for (var j = 0; j < members.length; j++) {
var membername = $(members[j]).find('.username').text();
var memberURL = $(members[j]).find('.username').attr('href');
});
$('.user_info_on').append('<div class="on_name"><a href="' + memberURL + '" title="'+ membername +'"><img src=""/></a></div>'); //In between source of image would be memberAva from the other .get() request.
}
}, 'html');
});