artdialog ajax,artDialog v6 iframe 跨域请求

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

思路：

父页面打开dialog，在子页面中写提交，获取当前dialog进行后续操作。

父页面拿到子页面表单，在父页面提交，直接操作dialog完成后续动作。

问题：

子页面拿不到当前dialog。文档中写道，父页面用 top.dialog()打开对话框，子页面用top.dialog.get(window)。父页面中top.dialog is not a function，换成window.dialog()能打开，但是子页面依旧拿不到对象。

在父页面的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);拿到对话框，进行操作。

artdialog ajax,artDialog v6 iframe 跨域请求相关推荐

iframe跨域请求
需求: 在一个页面中通过iframe标签签入一个页面,通过操作iframe标签内的页面来切换iframe的页面. 即通过iframe内子页面来调用父页面的方法实现功能,当两个页面域名不同,要跨域操作 ...
iframe子页面ajax报错,iframe跨域踩坑
前言工做中,有些系统是利用的iframe.有一次忽然遇到了一个使人费解的跨域报错,没有发请求,却报了"Error:Blocked a frame with origin...from ac ...
Ajax 调用webservice 解决跨域请求和发布到服务器后本地调用成功外网失败的问题...
webservice 代码 1 /// <summary> 2 /// MESService 的摘要说明 3 /// </summary> 4 [WebService(Name ...
Ajax调用springboot接口,Springboot解决ajax+自定义headers的跨域请求问题.pdf
Springboot解解决决ajax+自自定定义义headers的的跨跨域域请请求求问问题题 1..什什么么是是跨跨域域由于浏览器同源策略 (同源策略,它是由Netscape提出的一著名的安全策略 ...
jQuery中Ajax+Spring MVC实现跨域请求
项目开发中,某个可独立.也可集成的子业务模块须要向外开放相关API接口,先说下项目本身使用了jersery来实现RESTful webservice以名词形式公布API.有意思的是在实际的操作中同事却 ...
利用iframe跨域请求
跨域是系统与系统之间信息交流的一种方式,为了获取另外一个地方的信息,经常会出现跨域,总结一下利用iframe跨域进行请求,网上关于跨域的信息很多,只做一下备忘 <!DOCTYPE html> ...
跨域ajax post json 403,跨域请求403详解
0.环境说明 1.下文中跨域实现为服务器域名 http://yaogy.jd.com 向本地项目 leo.com 发起跨域请求,本地进行debug. 2.本地项目 Spring 版本为 4.3.0. ...
ajax跨域请求问题
ajax是不允许跨域请求的,今天在使用bootstap-table的时候,data-url使用的地址是绝对地址,而非相对地址,因此在载入数据的时候就出错了. 启动的时候使用是 http://127.0 ...
jQuery中的ajax、jquery中ajax全局事件、load实现页面无刷新局部加载、ajax跨域请求jsonp、利用formData对象向服务端异步发送二进制数据，表单序列化（异步获取表单内容）
jQuery中使用ajax: 在jQuery中使用ajax首先需要引入jQuery包,其引入方式可以采用网络资源,也可以下载包到项目文件中,这里推荐下载包到文件中:市面上有多个版本的jQuery库,这 ...

artdialog ajax,artDialog v6 iframe 跨域请求

artdialog ajax,artDialog v6 iframe 跨域请求相关推荐

最新文章

热门文章