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);
    }   
});  


相关文章
|
19天前
|
JavaScript 前端开发 容器
AJAX载入外部JS文件到页面并让其执行的方法(附源码)
AJAX载入外部JS文件到页面并让其执行的方法(附源码)
18 0
|
4月前
|
XML JSON 前端开发
深入了解JavaScript中的AJAX和HTTP请求
深入了解JavaScript中的AJAX和HTTP请求
|
4月前
|
JSON 前端开发 Java
利用Spring Boot处理JSON数据实战(包括jQuery,html,ajax)附源码 超详细
利用Spring Boot处理JSON数据实战(包括jQuery,html,ajax)附源码 超详细
60 0
|
3月前
|
XML JSON 前端开发
Ajax技术【Ajax技术详解、 Ajax 的使用、Ajax请求、 JSON详解、JACKSON 的使用 】(一)-全面详解(学习总结---从入门到深化)
Ajax技术【Ajax技术详解、 Ajax 的使用、Ajax请求、 JSON详解、JACKSON 的使用 】(一)-全面详解(学习总结---从入门到深化)
58 1
|
4月前
|
前端开发 JavaScript 数据安全/隐私保护
ajax请求中的reponseType和withCredetials分别是啥?
ajax请求中的reponseType和withCredetials分别是啥?
ajax请求中的reponseType和withCredetials分别是啥?
|
4月前
|
资源调度 前端开发 JavaScript
Vue3中如何使用axios进行Ajax请求?
Vue3中如何使用axios进行Ajax请求?
116 1
|
3月前
|
XML JSON 前端开发
|
3月前
|
前端开发 JavaScript
|
3月前
|
JSON 前端开发 安全
浏览器跨域限制:为什么浏览器不能跨域发送Ajax请求?
浏览器跨域限制:为什么浏览器不能跨域发送Ajax请求?
37 0
|
3月前
|
JSON 前端开发 JavaScript
JavaScript学习 -- ajax方法的POST请求
JavaScript学习 -- ajax方法的POST请求
30 0