ajax加载数据到页面无法打印的解决办法

2019独角兽企业重金招聘Python工程师标准>>>

今天，弄一个打印页面的功能大致的原理想法是，ajax加载页面到当前的一个隐藏iframe里面，然后打印iframe,为了兼容所有的浏览器，只好舍弃预览功能，使用print()方法打印。可是试了好几遍，每次打印都是空白啊。具体的代码如下

function XmlPostprint(){var result='';$.ajax({url:"test222.html",success:function(data){var doc=$("iframe#flyso")[0].contentWindow.document;doc.write(data);doc.close();}});
}function prints()
{XmlPostprint();var ss=document.getElementById("flyso");ss.contentWindow.close();ss.contentWindow.focus();ss.contentWindow.print();}

之后无意中一次点击了两次打印按钮，突然发现竟然又可以打印了。才恍然大悟，jquery的ajax默认是异步加载的，也就是说prints()方法中的XmlPostprint()方法尚未完成，就直接执行下面的js语句了。解决方法就是jquery的ajax添加上async:false的属性，修改后的XmlPostprint()如下：

function XmlPostprint(){var result='';$.ajax({url:"test222.html",async:false,success:function(data){var doc=$("iframe#flyso")[0].contentWindow.document;doc.write(data);doc.close();}});
}

注：contentWindow是用于获取iframe框架的window对象。本想用contentDocument,但此属性兼容性不好。再者，非常感谢jquery插件printArea的作者，许多想法都看了插件的源代码才实现，万分感谢

转载于:https://my.oschina.net/ivanfjz/blog/80019

ajax加载数据到页面无法打印的解决办法相关推荐

datatables增删改查php,jQuery+datatables插件实现Ajax加载数据与增删改查功能示例_白峰_前端开发者...
本文实例讲述了这里给大家分享一下我在项目中用datatables实现ajax加载数据与增删改查注意,需要引入  搜索  新增  编辑  删除职业姓名性别爱好 //点击查找 $(" ...
.ajax显示加载动画,jQuery Ajax 加载数据时异步显示加载动画
ajax加载后台数据就不说的那么细了. 看下面代码首先前台上放置代码在js脚本文件中首先把这个图片动画隐藏代码如下 $(document).ready(function () { $(" ...
ajax加载vue数据,详解使用Vue.Js结合Jquery Ajax加载数据的两种方式
整理文档,搜刮出一个使用vue.js结合jquery ajax加载数据的两种方式的代码,稍微整理精简一下做下分享. 废话不多说,直接上代码 html代码 demo {{message }} 测试jqu ...
一起学爬虫——如何爬取通过ajax加载数据的网站
目前很多网站都使用ajax技术动态加载数据,和常规的网站不一样,数据时动态加载的,如果我们使用常规的方法爬取网页,得到的只是一堆html代码,没有任何的数据. 请看下面的代码: url = 'http ...
ajax显示加载动画,jQuery Ajax 加载数据时异步显示加载动画
jQuery Ajax 加载数据时异步显示加载动画 ajax加载后台数据就不说的那么细了. 看下面代码首先前台上放置代码在js脚本文件中首先把这个图片动画隐藏代码如下 $(document).re ...
动卡空间服务器显示正在加载,绝地求生进不去游戏一直卡在加载画面是什么原因？附解决办法...
原标题:绝地求生进不去游戏一直卡在加载画面是什么原因?附解决办法要说玩<绝地求生>的时候最恼人的事情是什么,非加载页面那个一直在转的圈圈莫属了.不知道有多少玩家体验过一直等着那个圈圈转完 ...
VS2010未能加载 'VSTS for Database Professionals'包的解决办法
VS2010未能加载 'VSTS for Database Professionals'包的解决办法: 开始菜单->Microsoft Visual Studio 2010->Visual ...
js 下拉底部加载|滑轮滚动到页面底部ajax加载数据的实例
转载链接:http://www.cnblogs.com/thinksley/archive/2013/05/12/3074237.html 滚动下拉到页面底部加载数据是很多瀑布流网站的做法,那来看看配 ...
滑轮滚动到页面底部ajax加载数据的实例
滚动下拉到页面底部加载数据是很多瀑布流网站的做法,那来看看配合jsonp是如何实现的吧,小菜总结记录之用,高手勿喷. 当然本例子采用的是jquery库,后期会做成原生js. 本例的数据调用的是锋利的j ...

ajax加载数据到页面无法打印的解决办法

ajax加载数据到页面无法打印的解决办法相关推荐

最新文章

热门文章