小编典典

如何用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);    
           }
       });

阅读 339

收藏
2020-07-26

共1个答案

小编典典

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

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

如果不是,仅是内容,请执行以下操作:

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

2020-07-26