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


相关文章
|
18天前
HTML用户充值页面充值中心模板
HTML用户充值页面充值中心模板
17 0
|
20天前
|
应用服务中间件
Tomcat8.5访问HTML页面出现乱码
Tomcat8.5访问HTML页面出现乱码
16 0
Tomcat8.5访问HTML页面出现乱码
|
20天前
|
前端开发
SAP UI5 应用如何使用 iframe 嵌入其他 HTML 页面试读版
SAP UI5 应用如何使用 iframe 嵌入其他 HTML 页面试读版
19 0
|
21天前
|
XML JSON 前端开发
|
21天前
|
JavaScript
用什么代码可以在页面添加html元素呢?
用什么代码可以在页面添加html元素呢?
|
21天前
|
前端开发 JavaScript
|
23天前
|
JSON 前端开发 安全
浏览器跨域限制:为什么浏览器不能跨域发送Ajax请求?
浏览器跨域限制:为什么浏览器不能跨域发送Ajax请求?
23 0
|
29天前
|
搜索推荐 前端开发 UED
html页面实现自动适应手机浏览器(一行代码搞定)
html页面实现自动适应手机浏览器(一行代码搞定)
29 0
|
1月前
|
JSON 前端开发 JavaScript
JavaScript学习 -- ajax方法的POST请求
JavaScript学习 -- ajax方法的POST请求
13 0

相关产品

  • 云迁移中心