Асинхронные запросы
Здравствуйте. Можно ли как то синхронизировать вызовы асинхронных запросов в следующем коде и заставить его работать? Запросы естественно должны остаться асинхронными.
(function() {
'use strict';
var api = {
getUID: function(name){
if(!name) {console.log("Необходимо передать имя пользователя");return;}
console.log("Ищем ID пользователя "+name);
//реализация метода
var ID,
xhr = new XMLHttpRequest();
xhr.open("GET", 'https://api.worldoftanks.ru/wot/account/list/?application_id=demo&limit=1&search='+name, true);
xhr.onload = function(){
var resp = JSON.parse(xhr.response);
if(resp.status !== 'ok') {console.log("Ошибка метода getUID, код ответа: "+resp.status);return;}
ID = resp.data[0].account_id;
console.log(ID);
};
xhr.send();
return ID;
},//Возвращает ID пользователя по его никнейму
getUserByID: function(UID){
if(!UID) {console.log("Необходимо передать ID пользователя");return;}
console.log("Ищем статистику пользователя с ID = "+UID);
//реализация метода
var profile,
xhr = new XMLHttpRequest();
xhr.open("GET", 'https://api.worldoftanks.ru/wot/account/info/?application_id=demo&account_id='+UID, true);
xhr.onload = function(){
var resp = JSON.parse(xhr.response);
if(resp.status !== 'ok') {console.log("Ошибка метода getUID, код ответа: "+resp.status);return;}
profile = resp.data[UID];
};
xhr.send();
return profile;
},//Возвращает статистику пользователя по его ID
getUser: function(name){
if(!name) {console.log("Необходимо передать имя пользователя");return;}
console.log("Ищем ID пользователя "+name);
//реализация метода
var profile = this.getUserByID(this.getUID(name));
return profile;
}//Возвращает статистику пользователя по его никнейму
};
// Your code here...
//api.getUID("Xenon_x");
console.log(api.getUserByID("6258348"));//Не возвращает значение из за асинхронности запроса
api.getUser("Grafiiin");// Не работает из за исинхронности запросов
})();
|
Я думаю дело вовсе не в асинхронности запросов, а в том, что вы пытаетесь создать кросс-доменный запрос.
https://learn.javascript.ru/xhr-crossdomain |
Цитата:
|
Xenon_x,
Цитата:
в xhr.onload = function(){ убрав из строк 19 и 35 Глупость написал - это же описание обработчика, который ничего не возвращает. В нем можно записать результат в глобальную переменную и вызвать какое - нибудь событие, в обработчике которого смотреть результат в этой глобальной переменной. |
Цитата:
Цитата:
|
Цитата:
Открыл консоль, ввел $.get(/*Ваш url*/); и нажал enter. В результате в консоли появилось 2 уведомления об ошибке. Upd. И да, у вас в коде ошибка. Вы пытаетесь вернуть результат еще до окончания запроса. |
Цитата:
var xhr = new XMLHttpRequest();
xhr.open("GET", 'https://api.worldoftanks.ru/wot/account/list/?application_id=demo&limit=1&search=Grafiiin', true);
xhr.onload = function(){console.log(xhr.response);}
xhr.send();
UPD: в этом и суть вопроса, как вернуть ответ и передать его дальше второму методу (смотрите вызов 3го метода). |
Цитата:
Вот пример:
function getUID(name){
if(!name)
throw new Error("Необходимо передать имя пользователя");
console.log("Ищем ID пользователя "+name);
//реализация метода
return new Promise(function(resolve,reject){
var xhr = new XMLHttpRequest();
xhr.open("GET", 'https://api.worldoftanks.ru/wot/account/list/?application_id=demo&limit=1&search='+name,true);
xhr.onload=function(){
var resp=JSON.parse(xhr.response),
ID=resp.data[0].account_id;
console.log(ID);
resolve(ID);
};
xhr.onerror=function(){
reject(xhr.response);
};
xhr.send();
});
}
getUID('Grafiiin').then(function(UID){
alert(UID);
},function(xhr){
alert('Error');
});
|
Интересное решение, разбираюсь. Спасибо!
|
| Часовой пояс GMT +3, время: 18:59. |