Redirect restaurants in Ajax

Question

How can I redirect to any page after the function is successfully performed? Script below: I’m a bit of a layman with Javascript. Thank you!

function alterarquantidade(id,tipo) {
  var quantidadeInput = document.getElementById("quantidade_produto"+id).value;
  $.ajax({
      url: 'alterarquantidade.php',
      type: 'POST',
      dataType: 'json',
      data: {id_produto: id, quantidade : quantidadeInput, tipo : tipo},
      success: function (retorno) {
          console.log(retorno);
      }
  });
}

Answer 1

It is possible to redirect a page by resetting the href property of the object Location:

document.location.href

So in your case, supposing for example you want to redirect to https://pagina-de-redirecionamento.test, could do the following:

function alterarquantidade(id,tipo) {
    var quantidadeInput = document.getElementById("quantidade_produto"+id).value;
    $.ajax({
            url: 'alterarquantidade.php',
            type: 'POST',
            dataType: 'json',
            data: {id_produto: id, quantidade : quantidadeInput, tipo : tipo},
            success: function (retorno) {
               document.location.href = "https://pagina-de-redirecionamento.test";

            }
        });
    }

I emphasize that the above solution is not specific or related to XHR call contexts (ajax) and could be used in other scenarios.