artDialog v6 iframe 跨域请求

在iframe中,打开dialog加载子页面。

思路:
  • 父页面打开dialog,在子页面中写提交,获取当前dialog进行后续操作。
  • 父页面拿到子页面表单,在父页面提交,直接操作dialog完成后续动作。
问题:
  1. 子页面拿不到当前dialog。 文档中写道,父页面用 top.dialog()打开对话框,子页面用top.dialog.get(window)。父页面中top.dialog is not a function,换成window.dialog()能打开,但是子页面依旧拿不到对象。
  2. 在父页面的js里面直接拿子页面表单$("#form")无法拿到。
解决办法:

在2的基础上,不是用dialog自带的url请求子页面,而是用ajax请求,将请求到的页面填充进去,dialog.comtent(html)。可能是这样请求绕过iframe的跨域问题,可以直接拿到子页面的东西了。

新问题解决办法(2016-08-24):

artDialog+dataTables,采用上述方式加载dialog内容,会导致dataTables翻页无效,具体是dataTables对象失效。不得不尝试回归dialog自带的url请求内容。
重新仔细查看demo,发现之前遗漏了一句关键的JS——在包含iframe的index页面中,应该加上$(function(dailog){ window.dialog = dialog; });
所以,跨域的问题,解决步骤为:

1、iframe这一级的页面中写上 $(function(dailog){ window.dialog = dialog; });
2、iframe中的页面创建dialog, top.dialog({ url : 'url'});
3、dialog请求的url页面中,通过top.dialog.get(window);拿到对话框,进行操作。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,508评论 0 17
  • 1. 什么是跨域? 跨域一词从字面意思看,就是跨域名嘛,但实际上跨域的范围绝对不止那么狭隘。具体概念如下:只要协议...
    他在发呆阅读 829评论 0 0
  • 1. 什么是跨域? 跨域一词从字面意思看,就是跨域名嘛,但实际上跨域的范围绝对不止那么狭隘。具体概念如下:只要协议...
    w_zhuan阅读 527评论 0 0
  • 也曾半生横行, 罗衣轻解,颠鸾倒凤,夜半莺声到三更。 也曾颠倒浮生, 黄昏对雨,红帐青灯,一朝风月作禅空。 也曾过...
    乱棋阅读 217评论 0 0
  • 感情路上,有的人并不会吃一堑长一智,远离渣男。而是很可能反复掉入看起来相似的坑里,被同类型的男人所迷惑。因为性格,...
    所未2017阅读 734评论 0 0