背景描述:
一个页面叫page.htm,它里面有个iframe.iframe的source为inner.htm.现在有个需求,在inner.htm里面通过json和AJAX配合将服务端的数据取过来。取过来之后需要赋值给parent,以供显示。可以想象,但iframe里面刷新的时候,外面的部分应该完全不会受到影响。
问题:
可是事实总不会像想象一样发展。当iframe刷新的时候,外面部分的显示和涉及到之前json的操作全部都抛出“意外的调用了方法或属性访问”错误。
解决方案:
在page.htm里面放个hidden的input,把json放到input的value里面。page.htm关于json的操作直接到input里面去取值。
问题分析:
json是一个对象,当直接用赋值的方式赋给parent的一个引用的时候,当iframe一刷新,引用不再有效,paren里面的任何对该json的操作都是对一个不存在的对象进行操作,必然报错。
但是为什么放到input里面可行呢?原因是由于json赋值给input.value的时候,已经自动从对象转换成string了。input.value里面引用的是String,当iframe刷新的时候并不好影响到parent.input.value里的string变量的存活。故该方法可行。
总结:
对象的生命周期值得我们关注,特别是使用到iframe等会使得对象被destory的时候,更应该小心!