¿Cómo reemplazar toda la página web html con una respuesta ajax?

Antes de ir a la pregunta específica, necesito explicar algunos pasos básicos.

Primero, la aplicación en cuestión se ocupa de la gestión de citas en línea por parte de los clientes.

El cliente, después de completar un formulario con los tratamientos para el centro de belleza y proporcionar su información, llega a la página de confirmación.

Ahora esta página realiza una solicitud ajax para almacenar la cita en la base de datos.

Si todo tiene éxito, se muestra una página con los detalles de la cita con el mensaje de éxito.

El problema es que la página se muestra actualmente solo en la respuesta, es decir, en la pestaña del navegador de la consola de red.

Así que mi pregunta es simple: How can I replace the entire structure of the html page with actual one shown in the response?

Encontré muchas preguntas en la web, incluso en StackOverflow. Pero todo esto está limitado en un anexo a un div. No necesito colgar, pero también reemplazar el , cómo reescribir la página html. No tengo idea de cómo hacer esto y necesito un consejo de usted.

Para completar, este es el código que me devuelve ajax response html:

  $.ajax({ 'type': 'POST', 'url': 'backend_api/ajax_save_appointment', 'data': postData, 'success': function(response) { console.log(response); }, 'error': function(jqXHR, textStatus, errorThrown) { console.log('Error on saving appointment:', jqXHR, textStatus, errorThrown); } }); 

Si su respuesta incluye las tags y :

$("html").html(response); .

Si no, y es solo contenido, entonces haz:

$("body").html(response); .

Si la respuesta es el contenido html, puede usar esta línea de código:

 ... 'success': function(response) { $("body").html(response); } ... 

actualizar:

Esto será difícil de reemplazar la etiqueta html, pero lo que puedes hacer es:

 ... 'success': function(response) { $("html").html($("html", response).html()); } ... 

Analiza la respuesta con jquery, obteniendo el contenido de html y reemplazando el contenido del html actual.

Esta pregunta ya se ha tratado aquí: Reemplazar la página HTML con el contenido recuperado a través de AJAX

Básicamente, puedes intentarlo (mi mal, esto no está funcionando en IE):

 document.open(); document.write(newContent); document.close(); 

o, ya que estas usando jquery

 $("body").html(data); 

Saludos