HTML ページの読み込み時に jquery を使用して 3 つの ajax リクエストを実行しようとしています。私はキューを試し、非同期を「false」に設定し、想像できるすべてのものを試しました。
データベースにクエリを実行する Web サービスにリクエストを送信すると、Web サービスは結果を json で返します。
問題は、私がそのページにアクセスすると、彼が 1 つ、または 2 つ、またはすべての要求を実行することです。ページを更新するたびに、結果が異なります。
これが私のコードです:
$(window).load(function() {
$.ajax({
url : "/api/apiJ.php?request=getProfileInfo&id=" + $.cookie("id") + "&token=" + $.cookie("token"),
type : "GET",
success : function(data) {
console.log("Dados: " + data);
var profile = jQuery.parseJSON(data);
if (profile.resp == "true") {
$("#username").html(profile.Nome);
$("#avatar").html('<img src="' + profile.Avatar + '" alt=""/>');
$("#nome").html(profile.Nome);
$("#email").html(profile.Email);
$("#local").html(profile.Cidade + ", " + profile.Pais);
$.cookie("token", profile.token);
$(document).dequeue();
}
}
});
$.ajax({
url : "/api/apiJ.php?request=getMyContacts&id=" + $.cookie("id") + "&token=" + $.cookie("token"),
type : "GET",
success : function(data) {
var cont = jQuery.parseJSON(data);
console.log("Contatos: " + data);
if (cont.resp == "true") {
var htmls = '<ul>';
for (var i = 0; cont[i] != null; i++) {
//htmls += '<li class="thumbnail" >';
htmls += '<li class="thumbnail" style="position: absolute; top: 0px; left: ' + (6 + 128 * i) + 'px; display: list-item;">';
if (cont[i].Colega.Avatar == "")
htmls += '<a title="' + cont[i].Colega.PrimeiroNome + ' ' + cont[i].Colega.UltimoNome + '" href="gallery/blank-profile.jpg" rel="gallery" class="cboxElement"> <img src="gallery/blank-profile.jpg" alt="" /></a>';
else
htmls += '<a title="' + cont[i].Colega.PrimeiroNome + ' ' + cont[i].Colega.UltimoNome + '" href="' + cont[i].Colega.Avatar + '" rel="gallery" class="cboxElement"> <img src="' + cont[i].Colega.Avatar + '" alt="" /></a>';
htmls += '<p>' + '<a href="javascript:void(0)" title="Apagar"><i class="icon-trash"></i></a>' + '<a href="javascript:void(0)" title="Editar"><i class="icon-pencil"></i></a>' + '<span>' + cont[i].Colega.PrimeiroNome + ' ' + cont[i].Colega.UltimoNome + '</span>' + '</p></li>';
}
htmls += '</ul>';
$("#small_grid2").html(htmls);
$.cookie("token", cont.token);
$(document).dequeue();
}
}
});
$.ajax({
url : "/api/apiJ.php?request=getFileListFromUser&id=" + $.cookie("id") + "&token=" + $.cookie("token"),
type : "GET",
success : function(data) {
var files = jQuery.parseJSON(data);
if (files.resp == "true") {
var htmls = '';
for (var i = 0; files.Ficheiros[i] != null; i++) {
htmls += '<dt><a id=\"' + files.Ficheiros[i].idFicheiro + '\" href=\"' + files.Ficheiros[i].url + '\" style=\"color\:\#000\">' + files.Ficheiros[i].nome + '</a></dt>' + '<dd class="profile_files">' + files.Ficheiros[i].nome + ' <p align="right" >';
htmls += '<a href="javascript:void(0)" title="Apagar"><i class="icon-trash"></i></a><a href="javascript:void(0)" title="Editar"><i class="icon-pencil"></i></a></p> </dd>';
}
$("#listaFicheiros").html(htmls);
$.cookie("token", files.token);
} else {
var htmls = '<dt><a href="#" style="color:#000">Não existem ficheiros para este utilizador</a></dt>' + '<dd class="profile_files"> 0 ficheiros encontrados </dd>';
$("#listaFicheiros").html(htmls);
}
}
});
});
これは私を夢中にさせています...