当前位置: 首页 > 面试题库 >

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

潘涵煦
2023-03-14
问题内容

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

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

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

现在,此页面执行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);    
           }
       });

问题答案:

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

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

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

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



 类似资料:
  • 问题内容: 如何替换ajax响应中的html元素?我所知道的是删除元素,如何用ajax响应替换已删除的标签?例如: 我有这样的代码: 当我单击一个按钮时,对codeginter控制器进行了ajax调用,在这里我接收到从数据库中提取并在另一个视图中呈现的新数据,该视图从ul开始并在ul结束时结束。 在ajax成功函数中,我这样做: 问题答案: 您可以使用replaceWith(请参阅:http :/

  • 问题内容: 我有一个看起来像的字符串: 我得到此字符串作为结果返回给AJAX请求。 我希望浏览器呈现并显示该字符串。这个想法是做这样的事情: 好吧,那是行不通的。我尝试使用IFRAME,但是我也没有弄清楚如何使它工作。 注意: 我无法更改此字符串。我也无法在随后的服务器调用中重新生成此字符串(否则我可以将浏览器重定向到该URL)。 问题答案: document.open/write/close方法

  • 问题内容: 哪种方法更快,要返回JSON中的ajax,然后处理JSON响应以呈现html,或者只是将Ajax响应中的原始html放在一堆中呢? 问题答案: 要看。在这两种情况下,服务器都只是返回带有文本的响应。如果响应的JSON版本比HTML版本需要更多字符,则该响应将需要更长的时间才能传输回客户端,反之亦然。 但是,当然还有服务器端脚本必须完成其工作。在您的情况下,从服务器端脚本生成JSON可能

  • 1:由于返回的是整个页面 如果用iframe就要生成在后端一个文件才能指向过去 2:如果用document.write 虽然可以把页面显示出来 当时CSS部分无法成功引入

  • 问题内容: 我的设计师认为在不同页面之间创建过渡是一个好主意。本质上,只有内容部分会重新加载(页眉和页脚保持不变),并且只有内容div应该具有过渡效果(淡入淡出或某种形式)。创造这种效果并不是真正的问题,让Google(分析)感到高兴的是… 我不喜欢的解决方案以及原因; 仅使用ajax加载内容div:谷歌将看不到任何内容,这意味着将永远找不到该网站,或者仅显示由ajax检索的部分,而这些部分根本不

  • 问题内容: 我正在尝试使用来自ajax html响应的内容更新div。我相信我的语法正确,但是div内容已替换为整个HTML页面响应,而不仅仅是html响应中选择的div。我究竟做错了什么? 问题答案: 您正在设置HTML格式的内容,然后将其替换为本身,这没有多大意义? 我猜你真正在哪里寻找返回的数据,然后用ajax调用中的html用html 更新DOM中的元素: