本文目录一览:
- 1、fireFox里用下载文件完成后如何执行回调函数
- 2、如何获取网页中的json数据?
- 3、如何解决“文件上传返回JSON数据,在IE下提示下
- 4、为什么ajax请求json数据,在IE浏览器里面不能正常显示?
- 5、IE iframe 内下载附件后网页内容失效怎么解决。。。
fireFox里用下载文件完成后如何执行回调函数
FF的onload事件跟IE不同,如果需要动态加载,需要用
iFrame.addEventListener( "DOMContentLoaded", func)处理
如何获取网页中的json数据?
1、首先打开你编写网页程序的软件。
2、然后新建一个php文件,用于存放json数据。
3、接着在你新建的php文件填写如下的代码。
4、然后新建一个html文件。
5、接着就是书写html的基本框架。
6、然后引入重要的JQuery文件。
7、接着书写一个div标签,用于存放json数据。
8、最后编写js程序,来获取html中的json数据。
如何解决“文件上传返回JSON数据,在IE下提示下
dataType
期望返回的数据类型。null、“xml”、“script”或者“json”其中之一。dataType提供一种方法,它规定了怎样处理服务器的响应。这个被直接地反映到jQuery.httpData方法中去。下面的值被支持:-iframeiejson下载文件
'xml':如果dataType == 'xml',将把服务器响应作为XML来对待。同时,如果“success”回调方法被指定, 将传回responseXML值。
'json':如果dataType == 'json', 服务器响应将被求值,并传递到“success”回调方法,如果它被指定的话。
'script':如果dataType == 'script', 服务器响应将求值成纯文本。
默认值:null(服务器返回responseText值)
为什么ajax请求json数据,在IE浏览器里面不能正常显示?
大家都知道,在不同域的情况下是不能发送ajax请求的,浏览器会报如下错误:
同时,内嵌的iframe中无法进行跨域通信的,也就是说不同域的iframe是无法互相读取数据的(当然利用hash变化可以从父window传入数据到子iframe,不过并没有什么意义)。iframe跨域通信时,浏览器会报如下错误:-iframeiejson下载文件
其实这两个问题都是由于跨域造成的。
下面就介绍如何解决这个问题。
其实问题的关键就在于,浏览器在解析ajax请求地址时会和当前网页的地址进行比较,如果是跨域的,那就禁止掉并且报错。那么我们如果让浏览器解析出的ajax地址和当前网页的解析地址一样,浏览器不就不会禁止我们的请求了么。-iframeiejson下载文件
那么浏览器是如何解析url的呢?
首先当浏览器访问一个域名时,会查询本地的DNS缓存中是否有关于这个网址对应ip地址,如果有的话,直接从本地取得ip地址然后访问,如果没有,浏览器就会向DNS服务器发出DNS请求获得该域名对应的ip地址然后存入本地缓存然后访问。-iframeiejson下载文件
那么介于以上问题,我们只要在本地伪造一条域名的解析方式,然后再通过伪造的域和目标域进行跨域请求不就可以了么。
windows下的打开C:\Windows\System32\drivers\etc
这个文件夹下有一个hosts文件,如果改过hosts来上谷歌的同学对这个应该很熟悉,在hosts文件里加上这样一段代码:
127.0.0.1 a.目标网址.com
这样你的访问a.目标网址.com就和访问localhost一样了,这样做的目的是方便搭起本地的服务时,本地的服务和目标的域名之间就不会存在跨域问题了,这样就能在本地,通过在目标网页植入iframe标签的方式,向目标域发起跨域请求,取得目标域的数据。-iframeiejson下载文件
直接上代码(用了jQuery)
脚本代码,直接插在父域
var mySrc = ".目标网址.com:9000/myIframe.html"; document.domain = "目标网址.com"; //关键代码,将域提升到根域 $("body").append('iframe src=' + mySrc + ' name="myIframe" id="getData"/frame'); //向目标网页插入iframe var interval; function start() { $("#getData").attr({"src": mySrc}); interval = setInterval(function() { window.myIframe.run(getLogitic); //向子域传入回调函数 },10000) } function stop() { clearInterval(interval); } function getLogitic(orderId) { $.ajax({ url: '/query?'+ orderId +'id=1valicode=temp=' + Math.random(), method: 'GET', success: function(res) { console.log(res); //可以在此再调用子域的方法,向本地文件传输数据 }, error: function(err) { console.log('err: ', err); } }) } -iframeiejson下载文件
iframe中html代码
!DOCTYPE html html lang="en" head meta charset="UTF-8" titleDocument/title /head body script src="bower_components/jquery/dist/jquery.js"/script script document.domain = "目标网址.com"; //关键代码,将子域提升到根域 var int; function run(callback) { //此请求用于向本地请求数据,然后根据本地的数据,利用父域传过来的回调函数向目标域发起请求,得到目标域的数据 $.ajax({ url: './getOrderList.json',//本地数据存储的地方,偷懒直接写了个json文件,可以是数据库中的数据 method: 'GET', success: function(res) { var data = res.list; int = setInterval(function(){ callback(data[0]); //执行父域传入的回调函数 data.shift(); if (data.length === 0) clearInterval(int); }, 1000); }, error: function(err) { console.log(err) } }) } /script /body /html -iframeiejson下载文件
注意:
只有将iframe提升到根域,这样才能与父window通信,耳document.domain指令只能提升当前域到当前的根域,这也是必须要修改本地hosts文件的原因,这是解决跨域问题的根本。
在抓取目标网页数据之前,要先看目标网页发送ajax请求的方式,得到请求的api,通过目标网页的控制台插入脚本,然后运行,得到要得到的数据,在通过和本地请求的方式,发送到本地。
下面是抓取某物流查询网页中物流信息的过程:
涂掉的为目标网址;这是向目标网页插入我的脚本,成功后网页中就会被插入了一个地址为本地的,但是域名和目标域相同的iframe。
结果
这些数据可以在请求成功会传回本地。
其实小编也是初识前端,还处在学习和探索当中,希望能与大家一起学习进步。
IE iframe 内下载附件后网页内容失效怎么解决。。。
为什么要用IFRAME呢,你打开页面包含一个IFRAME的时候,它不能别打开窗口的,只能在IFRAME里面显示,可以直接用地址链接,也可以用JS
onclick="down.asp?dowid=xx"
在down.asp里面直接输入下载地址就可以了