Как перенаправить на другой HTML-файл при успешном ответе AJAX

Question

Мне нужна ваша помощь о том, как перенаправиться в другой html-файл при успешном ответе ajax в javascript.

Ниже приведен мой код, где я получаю успешный ответ ajax в jsonvariable.

Я пытался использовать window.location, но он не работает. Есть ли другой способ сделать то же самое, пожалуйста, дайте мне знать

function myFunction() {

    $.ajax({
			url: '/ValidateOTP',
			type: 'POST',
			data:JSON.stringify( $('#OTP').val()),
			contentType: 'application/json;charset=UTF-8',
			success: function(response){
			    jsonvariable=response['success'].toString();
			    if(jsonvariable=='true')
			          alert('done');

			    else if(jsonvariable=='false')
			        document.getElementById("div2").innerHTML="OTP didn't match !! Please click the GET OTP button to re-generate OTP";
                    document.getElementById("div2").style.color="Red";

            },
			error: function(response){
			        alert(response)

			}
		});
};

Answer 1

success: function (response) {
    if(jsonvariable=='true'){
    alert("redirect page to");
    window.location = "http://www.google.com/";
    }
},
failure: function (response) {
     alert(response.d);
}

Любой действительный запрос Ajax вернет либо успех, либо неудачуКак указано выше, в случае успеха нам нужно перенаправить на другую страницу или URL. Функция Window.location помогает перенаправить на другую страницу или URL.

Answer 2

вы можете window.location.href = 'http://www.google.com'; или window.location =' http://google.com';

function myFunction () {

$.ajax({
        url: '/ValidateOTP',
        type: 'POST',
        data:JSON.stringify( $('#OTP').val()),
        contentType: 'application/json;charset=UTF-8',
        success: function(response){
            jsonvariable=response['success'].toString();
            if(jsonvariable=='true'){
                window.location.href = 'http://www.google.com';
            }

            else if(jsonvariable=='false')
                document.getElementById("div2").innerHTML="OTP didn't match !! Please click the GET OTP button to re-generate OTP";
                document.getElementById("div2").style.color="Red";

        },
        error: function(response){
                alert(response)

        }
    });

};

Answer 3

Поскольку вы, вероятно, работаете в своем домене (в вашем случае localhost), вам нужно только добавить имя файла, на который вы ссылаетесь. window.location.href = 'homepage.html'; Разрешить путь к файлу на основе структуры вашей папки. Смотрите справку https://en.wikipedia.org/wiki/Path_(computing)

Answer 4

Используйте эту функцию после успешного завершения:

$(document).ready(function() {
    window.location.href = "http://www.google.com"";
});