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()参数传递及获取

更多推荐

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