Функция успеха в моем запросе ajax не выполняется

Question

Первая проблема: Страница будет перенаправлена, но мой AJAX-запрос был проигнорирован.

Новая проблема: AJAX-запрос отправляет данные, но страница не перенаправляет.

Моя цель - отправить запрос AJAX, подтвердить, что данные были отправлены и сохранены на сервере, а затем перенаправить на новую страницу после завершения.

Я пытался использоватьфункция успеха в моем запросе AJAX для достижения этой цели.Если я помещу страницу перенаправления за пределы AJAX-запроса, он перенаправляет страницу, но ответ AJAX останавливается.Если я помещу страницу перенаправления ВНУТРИ запроса AJAX, данные отправляются, но страница не перенаправляет.

    $.ajax({
        type: "POST",
        url: "saveData.php",
        dataType: "text/plain",
        ContentType: "charset=utf-8",
        data: {"data": surveydata, "userID": userID, "trialType": trialType},
        success: function (data) {
            if (!data.error) {
                console.log("success");
                window.location.replace("anotherpage.html");
            } else {
                console.log("error");
        }}})

Я также пробовал это так:

    $.ajax({
        type: "POST",
        url: "saveData.php",
        dataType: "text/plain",
        ContentType: "charset=utf-8",
        data: {"data": surveydata, "userID": userID, "trialType": trialType},
        success: function (data) {
                console.log("success");
                window.location.replace("anotherpage.html");
        }}})

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

Answer 1

Я решил свою проблему.Я никогда не мог получить подтверждение успешного запроса AJAX, даже если данные размещены просто отлично.Поэтому я разработал обходной путь: если данные POST просто в порядке, то все, что мне нужно сделать, это перенаправить страницу после задержки (чтобы дать время для публикации данных).

Итак, моя кнопка отправки выполняет двафункции:

onclick="saveData(); redirect()"

Затем AJAX-запрос выполняется нормально:

    $.ajax({
        type: "POST",
        url: "saveData.php",
        dataType: "text/plain",
        ContentType: "charset=utf-8",
        data: {"data": surveydata, "userID": userID, "trialType": trialType},
        })

И в то же время я запускаю таймер для перенаправления страницы:

    function redirect(){
            document.getElementById("submitBtn").disabled = true;
            document.getElementById("submitBtn").value = "Redirecting...";
            setTimeout(function(){ window.location.replace("anotherpage.html"); }, 3000);
        }   

Это делает так, чтобы через 3 секунды страница перенаправлялась, давая функции AJAX время для публикации данных в первую очередь.Это не идеальное решение, потому что сервер может зависнуть и данные могут быть потеряны, но пока мои тесты показывают, что времени достаточно.Если бы я действительно хотел быть осторожным, я мог бы увеличить это время, но я не считаю это необходимым.

Я также хотел бы сказать, что я благодарен за комментарии, которые должны были помочь.Я думаю, что много раз, если вопрос похож на SO, люди игнорируют его, потому что «ясно, что на этот вопрос уже был дан ответ».Но ни одно из этих решений не помогло мне, и я думаю, что моя проблема была уникальной.

Answer 2

В конце есть дополнительный }, и это вызывает проблему и почему вы идете далеко?просто попробуйте этот код выше для запроса POST:

$.post("saveData.php",
  {
    "data": surveydata,
    "userID": userID,
    "trialType": trialType
  },
  function(data, status){

  if (status === 'success') {
      console.log("success");
      window.location.replace("anotherpage.html");
  }

});