Ajax запрос с интервалом

#javascript #jquery #ajax #post #get

Проблема в следующем надо AJAX запросом создать документ, потом открыть документ
по id который был присвоен в первом запросе.

Но дело в том что запрос происходит слишком быстро и данные не успевают сохраниться
и вывод файла соответственно не получается сделать, пробывал setTimeout и setInterval,
но тогда при втором запросе не находит id который был присвоен в первом.

Как сделать небольшой интервал между первым и вторым запросом и что бы id оставалось
во втором запросе ?



    

Ответы

Ответ 1

Было бы логичнее сделать задержку на сервере и возвращать ответ только после записи
в файл.

На клиенте стОит воспользоваться промисами. Например сделать так:

$('a.save').click(function call() {
    var text = $("#text").val();

    $.ajax({ //Тут присваиваем id
        type: 'POST',
        dataType: 'json',
        url: 'http://site.ru/document/?text=' + text
    }).then(function(jsondata) {
        // тут создаем задержку в 500мс
        var defer = $.Deferred();
        setTimeout(function() {
            defer.resolve(jsondata);
        }, 500);
        return defer.promise();
    }, function() {
        // показываем 'ошибка' если неудачно выполнен первый запрос
        $('.results').html('ошибка');
    }).then(function(jsondata) {
        // выполняется второй запрос
        id = jsondata.id;
        return $.ajax({
            type: 'GET',
            dataType: 'json',
            url: 'http://site.ru/document/' + id
        })
    }).then(function(jsondata) {
        // выполняется после удачного второго запроса
        var stdout = jsondata.stdout;
        console.log(stdout);
    }, function() {
        // показываем 'ошибка' если неудачно выполнен второй запрос
        $('.results').html('ошибка');
    });
});


И, кстати, вместо 

error: $('.results').html('ошибка'),


cтоило написать хотя бы

error: function() {
    $('.results').html('ошибка');
},


иначе "ошибки" будут показаны в момент отправки запроса.


Ответ 2

Как ответили выше используйте промисы. Вот отличная статейка, советую уделить внимание
"чейнингу" тут

    // сделать запрос
$.get('https://learn.javascript.ru/article/promise/user.json')
  // 1. Получить данные о пользователе в JSON и передать дальше
  .then(response => {
    console.log(response);
    let user = JSON.parse(response);
    return user;
  })
  // 2. Получить информацию с github
  .then(user => {
    console.log(user);
    return httpGet(`https://api.github.com/users/${user.name}`);
  })
  // 3. Вывести аватар на 3 секунды (можно с анимацией)
  .then(githubUser => {
    console.log(githubUser);
    githubUser = JSON.parse(githubUser);

    let img = new Image();
    img.src = githubUser.avatar_url;
    img.className = "promise-avatar-example";
    document.body.appendChild(img);

    setTimeout(() => img.remove(), 3000); // (*)
  });


При чейнинге, то есть последовательных вызовах .then…then…then, в каждый следующий
then переходит результат от предыдущего.