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


相关文章
|
10月前
|
数据采集 Web App开发 前端开发
处理动态Token:Python爬虫应对AJAX授权请求的策略
处理动态Token:Python爬虫应对AJAX授权请求的策略
超好看的404提示页面HTML源码
超好看的404提示页面HTML源码
760 77
简约404错误页面HTML源码
简约404错误页面HTML源码
498 12
|
前端开发 JavaScript
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
824 14
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
|
前端开发
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
1262 1
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
css3 svg制作404页面动画效果HTML源码
css3 svg制作404页面动画效果HTML源码
317 34
|
XML 前端开发 JavaScript
什么是Ajax和jquery
什么是Ajax和jquery
252 0
|
JSON 前端开发 Java
利用Spring Boot处理JSON数据实战(包括jQuery,html,ajax)附源码 超详细
利用Spring Boot处理JSON数据实战(包括jQuery,html,ajax)附源码 超详细
745 0
|
敏捷开发 JavaScript 前端开发
❤❤❤【Vue.js最新版】sd.js基于jQuery Ajax最新原生完整版for凯哥API版本❤❤❤
❤❤❤【Vue.js最新版】sd.js基于jQuery Ajax最新原生完整版for凯哥API版本❤❤❤