Ajax提交请求后台返回一个完整的html页面

简介: Ajax提交请求后台返回一个完整的html页面


  • div显示返回html
<!-- 用来放置后台返回的html页面 -->
<div id="showHtml"></div>
$.ajax({   
    type: "POST",   
    url: "/system/htmlDemo",   
    data: $("#form").serialize(),   
    success: function(response) { 
      // 将数据追加到div中显示
          $("#showHtml").append(response.data);
    }   
}); 
  • 新开窗口显示页面
$.ajax({   
    type: "POST",   
    url: "/system/htmlDemo",   
    data: $("#form").serialize(),   
    success: function(response) { 
      //新打开一个页面(about:blank是打开浏览器空白页的命令), _blank:打开一个新的窗口
          var newPage = window.open("about:blank", "_blank");
          //将后台传过来的html页面写到新打开的浏览器窗口中显示
          obj.document.write(response.data);
    }   
});  


相关文章
|
1月前
|
前端开发 测试技术 定位技术
如何利用HTML和CSS构建企业级网站的全过程。从项目概述到页面结构设计,再到HTML结构搭建与CSS样式设计,最后实现具体页面并进行优化提升,全面覆盖了网站开发的关键步骤
本文深入介绍了如何利用HTML和CSS构建企业级网站的全过程。从项目概述到页面结构设计,再到HTML结构搭建与CSS样式设计,最后实现具体页面并进行优化提升,全面覆盖了网站开发的关键步骤。通过实例展示了主页、关于我们、产品展示、新闻动态及联系我们等页面的设计与实现,强调了合理布局、美观设计及用户体验的重要性。旨在为企业打造一个既专业又具吸引力的线上平台。
64 7
|
1月前
html页面点击按钮实现页面跳转功能
html页面点击按钮实现页面跳转
67 11
|
1月前
太便利了 !通义灵码方便生成html页面
太便利了 !通义灵码方便生成html页面
55 0
|
1月前
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
59 2
|
1月前
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
40 0
N..
|
7月前
|
XML JSON 前端开发
jQuery实现Ajax
jQuery实现Ajax
N..
77 1
|
7月前
|
XML 前端开发 JavaScript
jQuery中ajax如何使用
jQuery中ajax如何使用
98 0
|
7月前
|
JSON 前端开发 Java
利用Spring Boot处理JSON数据实战(包括jQuery,html,ajax)附源码 超详细
利用Spring Boot处理JSON数据实战(包括jQuery,html,ajax)附源码 超详细
171 0
|
6月前
|
前端开发 JavaScript
杨校老师课堂之基于Servlet整合JQuery中的Ajax进行表单提交[基于IDEA]
杨校老师课堂之基于Servlet整合JQuery中的Ajax进行表单提交[基于IDEA]
56 0
|
4月前
|
XML JSON 前端开发
AJAX是什么?原生语法格式?jQuery提供分装好的AJAX有什么区别?
AJAX是什么?原生语法格式?jQuery提供分装好的AJAX有什么区别?
35 0