在Ajax中使用Flash实现跨域数据读取的实现方法_javascript技巧

Ajax的跨域操作一直是一个难题,现目前主要的解决方法主要有:
    1、JSONP(需要在服务器端支持)
    2、IFrame(仅能在子域间操作)
    3、页面代理(这个有点万能)
    4、Access-Control-Allow-Origin(新版浏览器支持,需要在服务器端设置Header)
  今天,小子再提供一种使用Flash进行跨域操作的方法。众所周之,其实Flash的跨域操作也是有限制的,不过,Flash的跨域配置比简单,只需要在站点根目录下放置crossdomain.xml即可。至于crossdomain.xml的用法,大家可以看看这篇文章:http://www.jb51.net/article/25485.htm 这篇文章。
  对于,这一系列操作,小子已经封装为jQuery的插件形式,将在文章末尾附上下载地址。
  使用方法:
    1、在页面引入jQuery与ajaxf.js文件。
    2、在页面插入以下代码。首先将Flash安装到页面中。

复制代码 代码如下:

$(document).ready(function() {
$.ajaxf.install('/Files/zsea/flash4ajax.swf');
});

    3、调用方法获取远程数据。

  下面详细说一下插件所提供的方法:
    $.ajaxf.install(swfpath)
    安装Flash到页面,可指定Flash的路径。
    $.ajaxf.ready(function(){})
    Flash加载完后执行的函数。
    $.ajaxf.isReady()
    返回Flash是否已经加载完成。返回值为Boolean
    $.ajaxf.ajax(p)
    原生的ajax调用支持,p为一个对象,包括:callback,回调函数;type,方法类型,支持json,text,xml,script;url,读取数据的地址;method,请求的方法,支持get,post;data,发送的数据;contentType,请求的contentType头;header,Object对象,附加的请求头。
    $.ajaxf.get(url, data, callback, type)
    通过get方式获取数据
    $.ajaxf.post(url, data, callback, type)
    通过post方式获取数据
  下面几个大家一看名称就知道函义就不多做解释
    $.ajaxf.getText(url, data, callback)
    $.ajaxf.getJSON(url, data, callback)
    $.ajaxf.getScript(url, data, callback)
    $.ajaxf.postJSON(url, data, callback)
    $.ajaxf.postText(url, data, callback)
  
  下面演示一下如何获取获取优酷首页的HTML代码。

复制代码 代码如下:

<script type="text/javascript">
$(document).ready(function() {
$.ajaxf.install('/Files/zsea/flash4ajax.swf');
$("#fdemo_get").click(function() {
$.ajaxf.getText("http://www.youku.com/", '', function(r) {
$("#fdemo").val(r);
});
});
});
</script>

<textarea id='fdemo' style='width: 500px; height: 300px;'></textarea>
<br />
<input type="button" value="获取数据" id='fdemo_get' />

可惜,小子不知道怎么在园子里运行页面上的代码。只有各位朋友自己测试了。
下载地址:/201012/yuanma/Ajaxf.rar

时间: 2025-01-20 17:11:54

在Ajax中使用Flash实现跨域数据读取的实现方法_javascript技巧的相关文章

如何设置iframe高度自适应在跨域情况下的可用方法_javascript技巧

在页面上使用iframe来动态加载页面内容是网页开发中比较常见的方法.在父页面中给定一个不带滚动条的iframe,然后对属性src指定一个可加载的页面,这样当父页面被访问的时候,子页面可以被自动加载.iframe的高度需要根据子页面的实际高度来进行调整.如果iframe的高度小于子页面的实际高度,超出的部分无法显示:相反,如果iframe的高度过高,则页面上会出现大量的空白区域.我们可以通过属性或者CSS来设置iframe的高度,当不确定子页面内容的高度时,也可以通过脚本来进行动态指定.但是如果

php中http与https跨域共享session的解决方法_php技巧

遇到了HTTP.HTTPS协议下session共享解决cookie失效的问题,这里提供一个临时解决办法. 实现原理:把session id设置到本地的cookie. 如下: 复制代码 代码如下: $currentSessionID = session_id(); session_id($currentSessionID ); 以下是实现代码,分为http与https两部分. 1,http部分: 复制代码 代码如下: <?php session_start();  $currentSessionI

ajax跨域调用webservice的实现代码_javascript技巧

最近ajax访问webservice遇到跨域的问题,网上搜索资料,总结如下(很多都是觉得人家总结不错的复制下来) <<用JSON来传数据,靠JSONP来跨域>> 先上我的已实现代码: 前端代码: $.ajax({ type: "get", url: "http://localhost/Service1.asmx/getElevatorStatusJsonData?jsoncallback=?", dataType: "jsonp&q

详解js跨域原理以及2种解决方案_javascript技巧

1.什么是跨域 我们经常会在页面上使用ajax请求访问其他服务器的数据,此时,客户端会出现跨域问题. 跨域问题是由于javascript语言安全限制中的同源策略造成的. 简单来说,同源策略是指一段脚本只能读取来自同一来源的窗口和文档的属性,这里的同一来源指的是主机名.协议和端口号的组合. 例如: 2.实现原理 在HTML DOM中,Script标签是可以跨域访问服务器上的数据的.因此,可以指定script的src属性为跨域的url,从而实现跨域访问. 例如: 这种访问方式是不行的.但是如下方式,

javascript使用window.name解决跨域问题第1/2页_javascript技巧

window.name 传输技术,原本是 Thomas Frank 用于解决 cookie 的一些劣势(每个域名 4 x 20 Kb 的限制.数据只能是字符串.设置和获取 cookie 语法的复杂等等)而发明的(详细见原文:<Session variables without cookies>),后来 Kris Zyp 在此方法的基础上强化了 window.name 传输 ,并引入到了 Dojo (dojox.io.windowName),用来解决跨域数据传输问题.window.name 传输

js跨域问题之跨域iframe自适应大小实现代码_javascript技巧

复制代码 代码如下: <body onload="javascript: setHeight();"> <script> function setHeight(){ var dHeight = document.documentElement.scrollHeight; var t = document.createElement("div"); t.innerHTML = '<iframe id="kxiframeagent

关于JS中setTimeout()无法调用带参函数问题的解决方法_javascript技巧

本文实例分析了JS中setTimeout()无法调用带参函数问题的解决方法.分享给大家供大家参考,具体如下: 解决方法:重写setTimeout() 方法,需要用到闭包函数.如下: var _st = window.setTimeout; window.setTimeout = function(fRef, mDelay){ if (typeof fRef == 'function') { var argu = Array.prototype.slice.call(arguments, 2);

js中class的点击事件没有效果的解决方法_javascript技巧

如下所示: $(".xx").clcik(function(){····}); 本来不用js生成类,是有点击效果的一但js里写,就没有点击效果了,如下: 做如下修改即可,监听document 以上就是小编为大家带来的js中class的点击事件没有效果的解决方法全部内容了,希望大家多多支持~ 以上是小编为您精心准备的的内容,在的博客.问答.公众号.人物.课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索js class点击事件 javascript class.javascri

js跨域访问示例(客户端/服务端)_javascript技巧

复制代码 代码如下: <div id="oid"></div> <script type="text/javascript"> //获取货号 $.ajax({ url: "http://192.168.1.191/H.ashx", type: "GET", dataType: 'jsonp', //jsonp的值自定义,如果使用jsoncallback,那么服务器端,要返回一个jsoncal