在讨论特定问题之前,我需要解释一些基本步骤。
首先,所涉及的应用程序处理客户在线约会的管理。
顾客填写完美容中心的护理表格并提供其信息后,将进入确认页面。
现在,此页面执行ajax请求以将约会存储在数据库中。
如果一切成功,将显示一个页面,其中包含约会的详细信息以及成功消息。
问题在于该页面当前仅显示在响应中,即在选项卡网络控制台浏览器中。
所以我的问题很简单: How can I replace the entire structure of the html page with actual one shown in the response?
How can I replace the entire structure of the html page with actual one shown in the response?
即使在StackOverflow上,我在网上也发现了很多问题。但是所有这些都限制在div的追加上。我不需要挂起,也需要替换<html>,如何重写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); } });
如果您的响应包含<head>和<body>标记:
<head>
<body>
$("html").html(response);。
$("html").html(response);
如果不是,仅是内容,请执行以下操作:
$("body").html(response);。
$("body").html(response);