У меня есть 2 ajax запроса. Как 2-ой отправлять в интервальном режиме 2 сек?

Question

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

У меня есть два ajax запроса. Первый получает массив с ID пользователей, и перебирает их по каждому. А второй на полученные ID отправляет заявку на добавление в друзья по api vk.
Но он отправляет их всех разом, чего не надо делать. Мне нужно, чтобы второй запрос отправлял заявку в друзья интервалом в 2 сек.

Код выглядит так:

// Переменные
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?filter='+$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)
                    }
                    })
            })
        }
        })
    
}

Как видите, что я уже пробовал использовать setInterval, но он не работает.

Comments

[Сергей delphinpro]

Код, блин, картинками никогда нигде не выкладывай!!
Вот как мне его сейчас скопипастить, чтобы исправить до правильного варианта?
Или прикажешь вручную набивать?

[Сергей delphinpro]

setTimeout(function(){
  $.ajax({})
}, 2000)

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

Сергей delphinpro, сорян. Код тут: https://pastiebin.com/5e638a465c6cc

Answer 1

[Stockholm Syndrome]

let index = 0; 
const items = data.response.items;
const timer = setInterval(() => {
  if (index === items.length) {
    clearInterval(timer);
    return;
  }
  
  $.ajax({
    url: '...?user_id=' + items[index].id + '...', 
    // ...
  });
  
  index++;
}, 2000);

https://qna.habr.com/help/rules 3.8

Comments

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

напиши это в коде, пожалуйста. Я новичек в js

[Stockholm Syndrome]

jabrik, я и написал это в коде, дальше сам, переделать проще простого

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

Stockholm Syndrome, вставил. Работает, но интервал не останавливается, и бесконечно продолжается цикл.
И еще в 34 строчке document.body.innerHTML = "Добавленно: " + i + " из " + items.lenght
items.lenght обозначается как undefined. А когда выводишь в лог консоли, то обозначается все отлично. А когда выводишь в html - undefined.
Возможно, интервал останавливается из-за undefined в html?
Как исправить, помоги. Мне кажется, что ты сможешь решить мой вопрос.
Заранее спасибо!

Код залил сюда с твоими изменениями: https://pastiebin.com/5e6393eb09528

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

Stockholm Syndrome, Я ошибся. Цикл останавливается, когда index доходит до длины айтемов.
Но запрос на добавление отправляется не по циклу, а все разом. Может быть это я неправильно оформил 18 строчку, где использую map?
Помоги решить

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

Stockholm Syndrome, с undefined'ом я решил. Осталось решить с ajax запросом, где идет добавление в друзья. Добавляются в друзья все разом

[Stockholm Syndrome]

jabrik, всё разом отправляется, потому что ты зачем-то это всё запихнул в map
вместо a используй items[index] и после clearInterval(timer) добавь return чтобы не отправлять лишний последний запрос

if (index === items.length) {
  clearInterval(timer);
  return;
}

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

Stockholm Syndrome, сделал все как ты сказал. Вывел в консоль значения items[index], и увидел, что теперь отправляется столько запросов, сколь ее длина items.length в один и тот же юзер

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

Stockholm Syndrome, запихнул я все это в map, потому что я не смог из ajax запроса определить в переменную, чтобы использовать response.
Всегда, когда я хотел определить в переменную ajax response - выводило undefined. То есть никак не получалось определить в переменную ответ от запроса.
Конечно, так было бы легче. Но не получилось... Потому что я новичок

[Stockholm Syndrome]

jabrik, почему у тебя вообще в одном запросе версия vk api 5.103, а в другом 5.69?

скинь свой изменённый код

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

Stockholm Syndrome, я новичок, не бей.
Вот измененный код: https://pastiebin.com/5e63a55e9ee6f

[Stockholm Syndrome]

jabrik, можешь так написать

if (index === items.length) {
  clearInterval(timer);
  return
}
const i = index;

и использовать уже items[i]

и убери map

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

Stockholm Syndrome, работает!! спасибо!