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

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

  1. 在当前页面创建一个div,然后将返回的参数赋值给div
    <!-- 用来放置后台返回的html页面 -->
    <div id="showHtml"></div>
	$.ajax({
    
       
	     type: "POST",   
	     url: "/system/htmlDemo",   
	     data: $("#form").serialize(),   
	     success: function(response) {
    
     
	     	// 将数据追加到div中显示
            $("#showHtml").append(response.data);
	     }   
	 }); 
  1. 新开一个浏览器窗口,然后将页面显示上去
	$.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);
	     }   
	 });  

window.open()参数传递及获取

猜你喜欢

转载自blog.csdn.net/qq_40542534/article/details/114590515