如何用ajax响应替换整个html网页？

小编典典

如何用ajax响应替换整个html网页？

ajax

在讨论特定问题之前，我需要解释一些基本步骤。

首先，所涉及的应用程序处理客户在线约会的管理。

顾客填写完美容中心的护理表格并提供其信息后，将进入确认页面。

现在，此页面执行ajax请求以将约会存储在数据库中。

如果一切成功，将显示一个页面，其中包含约会的详细信息以及成功消息。

问题在于该页面当前仅显示在响应中，即在选项卡网络控制台浏览器中。

所以我的问题很简单： How can I replace the entire structure of the html page with actual one shown in the response?

即使在StackOverflow上，我在网上也发现了很多问题。但是所有这些都限制在div的追加上。我不需要挂起，也需要替换<html>，如何重写html页面。我不知道该怎么做，我需要您的一些建议。

为了完整起见，这是返回给我的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);    
           }
       });

阅读 345

2020-07-26

共1个答案

小编典典

如果您的响应包含<head>和<body>标记：

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

如果不是，仅是内容，请执行以下操作：

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

2020-07-26