Ajax提交请求后台返回一个完整的html页面，怎么在新的窗口打开？

最新推荐文章于 2024-07-22 18:20:26 发布

strive_day

最新推荐文章于 2024-07-22 18:20:26 发布

阅读量1.1w

点赞数 46

分类专栏：前端文章标签： ajax jquery js java

本文链接：https://blog.csdn.net/qq_40542534/article/details/114590515

版权

前端专栏收录该内容

10 篇文章 4 订阅

订阅专栏

Ajax提交请求后台返回一个完整的html页面，在新的窗口打开方法

在当前页面创建一个div，然后将返回的参数赋值给div

    <!-- 用来放置后台返回的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);
	     }   
	 });