Есть ajax, надо data обозначить в глобальную переменную. Как сделать?

Question

[Илхомжон Матазимов]

У меня есть ajax запрос, с которого получаю ответ. Мне нужно ответ с запроса записать в переменную, чтобы пользоваться в дальнейшем.
Код выглядит так:

Answer 1

[сергей захарченко]

var datas;
$.ajax{...}.success:(data) => {
datas = data;
}

Comments

[Илхомжон Матазимов]

undefined

не получается, мне нужна переменная вне функции (глобально)

[сергей захарченко]

потому как не надо писать let, а надо var и вне функции

[сергей захарченко]

т.е.
var datas;
function functionName(){
$.ajax{...}.success:(data) => {
datas = data;
}
}
console.log(datas)

[Илхомжон Матазимов]

сергей захарченко, я указывал переменную вне функции. это я для скрина, чтобы удобно было сделал.
все равно undefined, даже, с var

[сергей захарченко]

пришли полный код

[Илхомжон Матазимов]

// Переменные
let $start = document.querySelector('#start')

// Прослушки
$start.addEventListener('click', startAdd)
var $a
// Функция
function startAdd() {
let i = 0;
let all = 0;

// Ваш токен
$token = 'token';

// Фильтр
$filter = 'mutual';

// Поля
$fields = 'online,sex,common_count';


$.ajax({
url: 'https://api.vk.com/method/friends.getSuggestions?f...'+$filter+'&fields='+$fields+'&count=500&access_token='+$token+'&v=5.103',
type: 'GET',
dataType: 'jsonp',
crossDomain: true,
success: function(data){
$a = data.response.items
}
})
}

console.log($a)

[сергей захарченко]

вариант 2.
var datas;
function functionName(){
var d;
$.ajax{...}.success:(data) => {
d = data;
}
return d;
}
datas = functionName();
console.log(datas)

[Руслан Полин]

Ajax асинхронный, когда выводится console.log(a) ответ от сервера ещё не пришел и блок success не отработал.

[сергей захарченко]

возвращает undefined потому как console.log($a) выполняется раньше чем приходит ответ

[Илхомжон Матазимов]

Руслан Полин, А как оформить тогда код?

[сергей захарченко]

setTimeout(function(){
console.log($a);
}, 5000);

[Илхомжон Матазимов]

сергей захарченко, а как оформить тогда код

[сергей захарченко]

если надо ждать ответ, то лучше промиз использовать

[Руслан Полин]

jabrik, лучше использовать промисы https://learn.javascript.ru/promise и sdk от vk.

[Илхомжон Матазимов]

Руслан Полин, Можете на готовом коде это объяснить?

// Переменные
let $start = document.querySelector('#start')

// Прослушки
$start.addEventListener('click', startAdd)
var $a
// Функция
function startAdd() {
let i = 0;
let all = 0;

// Ваш токен
$token = 'token';

// Фильтр
$filter = 'mutual';

// Поля
$fields = 'online,sex,common_count';

$.ajax({
url: 'https://api.vk.com/method/friends.getSuggestions?f...'+$filter+'&fields='+$fields+'&count=500&access_token='+$token+'&v=5.103',
type: 'GET',
dataType: 'jsonp',
crossDomain: true,
success: function(data){
$a = data.response.items
}
})
}

console.log($a)

[сергей захарченко]

// Переменные
let $start = document.querySelector('#start')

// Прослушки
$start.addEventListener('click', startAdd)
var $a
// Функция
function startAdd() {
return new Promise(function (resolve) {
let i = 0;
let all = 0;

// Ваш токен
$token = 'token';

// Фильтр
$filter = 'mutual';

// Поля
$fields = 'online,sex,common_count';

$.ajax({
url: 'https://api.vk.com/method/friends.getSuggestions?f...'+$filter+'&fields='+$fields+'&count=500&access_token='+$token+'&v=5.103',
type: 'GET',
dataType: 'jsonp',
crossDomain: true,
success: function(data){
return resolve(data.response.items)
}

})
});
}
startAdd().then((a) => {
//здесь дальнейшие действия
console.log(a)
});

[Илхомжон Матазимов]

сергей захарченко, undefined

[сергей захарченко]

function startAdd() {
return new Promise(function (resolve) {
let i = 0;
let all = 0;

// Ваш токен
$token = 'token';

// Фильтр
$filter = 'mutual';

// Поля
$fields = 'online,sex,common_count';
let data = ajaxSend($token, $filter, $fields);
resolve(data);

});

}

ajaxSend = function($token, $filter, $fields){

var result;
$.ajax({
url: 'https://api.vk.com/method/friends.getSuggestions?f...'+$filter+'&fields='+$fields+'&count=500&access_token='+$token+'&v=5.103',
type: 'GET',
dataType: 'jsonp',
crossDomain: true,
success: function(data){
result = data
console.log(data)
}
});
return result;

};
startAdd().then((a) => {
//здесь дальнейшие действия
console.log(a)
});

[Илхомжон Матазимов]

сергей захарченко, работает. Спасибо

[Илхомжон Матазимов]

Но сначала выходит undefined, и только после срабатывает

[Илхомжон Матазимов]

сергей захарченко, оказалось, что срабатывает это внутри функции:

а в глобальной переменной все равно стоит undefined

[Just Me]

jabrik,

1) сначала твоя переменная инициализируется, как undefined

2) затем ajax'ом отправляются данные на сервер

3) затем выполняется функция, которая использует твою переменную. Так, как переменная undefined, то функция выдаёт ошибку

4) затем приходят данные с сервера, которые ты сохраняешь в свою переменную и она получает значение, что уже не важно так, как работа программы прекращена из-за ошибки описанной в п. 3)

[Just Me]

jabrik, если тебе ещё надо, ответом ниже напишу решение твоей проблемы

[Илхомжон Матазимов]

Just Me, напишите, пожалуйста

[Илхомжон Матазимов]

Just Me,
Что я делаю не так?

[Just Me]

jabrik,

1) пришли весь свой код

2) напиши по пунктам, что ты делаешь в нём

твой предыдущий код с моими комментариями

// Переменные
let $start = document.querySelector('#start')

// Прослушки
$start.addEventListener('click', startAdd)
var $a
// Функция
function startAdd() {
    let i = 0;
    let all = 0;

    // Ваш токен
    $token = 'token';

    // Фильтр
    $filter = 'mutual';

    // Поля
    $fields = 'online,sex,common_count';


    $.ajax({
        url: 'https://api.vk.com/method/friends.getSuggestions?f...' + $filter + '&fields=' + $fields + '&count=500&access_token=' + $token + '&v=5.103',
        type: 'GET',
        dataType: 'jsonp',
        crossDomain: true,
        success: function(data) {
            $a = data.response.items
			// ПЕРЕМЕННОЙ $a ПРИСВОЕНО ЗНАЧЕНИЕ  => ФУНКЦИИЮ, КОТОРАЯ ОБРАБАТЫВАЕТ ПЕРЕМЕННУЮ $a НАДО ИСПОЛЬЗОВАТЬ ТУТ, А НЕ ПОСЛЕ AJAX
			alert($a)
        }
    })
}

// ПЕРЕМЕННАЯ $a undefined => ФУНКЦИЯ ВЫДАСТ ОШИБКУ
alert($a)

[Илхомжон Матазимов]

Just Me, ок, сейчас пришлю

[Илхомжон Матазимов]

Just Me, // Переменные
let $start = document.querySelector('#start')

// Прослушки
$start.addEventListener('click', startAdd)

// Функция
function startAdd() {
let i = 0;
let all = 0;

// Ваш токен
$token = 'token';

// Фильтр
$filter = 'mutual';

// Поля
$fields = 'online,sex,common_count';

// Получаем массив с ID пользователей
$.ajax({
url: 'https://api.vk.com/method/friends.getSuggestions?f...'+$filter+'&fields='+$fields+'&count=500&access_token='+$token+'&v=5.103',
type: 'GET',
dataType: 'jsonp',
crossDomain: true,
success: function(data){
// Перебираем ID
data.response.items.map(function (a) {
console.log('начало')
// Добавляем пользователей по ID
$.ajax({
url: 'https://api.vk.com/method/friends.add?user_id='+a.id+'&v=5.69&access_token='+$token,
type: 'POST',
dataType: 'jsonp',
crossDomain: true,
success: function(data){
document.body.innerHTML = "Добавленно: " + i + " из " + a.lenght
console.log(data)
}
})
})
}
})

}

[Just Me]

jabrik, и какие переменные у тебя тут код не видит?

[Илхомжон Матазимов]

Just Me, https://pastiebin.com/5e638a465c6cc залил код сюда.

С переменными я уже решил, нужно, чтобы второй POST ajax отправлялся с интервалом в 2 сек.
Помоги решить, я уже пробовал с setInterval, но я что то неправильно сделал, что не сработало

Answer 2

[Just Me]

Обработчики ошибок добавь сам

let $start = document.querySelector('#start')

// Прослушки
$start.addEventListener('click', startAdd)

// Функция
function startAdd() {
    let i = 0;
    let all = 0;

    // Ваш токен
    $token = 'token';

    // Фильтр
    $filter = 'mutual';

    // Поля
    $fields = 'online,sex,common_count';

    // Получаем массив с ID пользователей
    $.ajax({
        url: 'https://api.vk.com/method/friends.getSuggestions?f...' + $filter + '&fields=' + $fields + '&count=500&access_token=' + $token + '&v=5.103',
        type: 'GET',
        dataType: 'jsonp',
        crossDomain: true,
        success: function(data) {
			const _data = data.response.items
			secondAjax()
        }
    })

}


function secondAjax(){
	 if(i => _data.length) return
	 $.ajax({
		url: 'https://api.vk.com/method/friends.add?user_id=' + _data[i].id + '&v=5.69&access_token=' + $token,
		type: 'POST',
		dataType: 'jsonp',
		crossDomain: true,
		success: function(data) {
			document.body.innerHTML = "Добавленно: " + i + " из " + _data.length
			console.log(data)
			i++
			setTimeout(()=>{
				secondAjax()
			},60000 * 2)
		}
	})
}