处理js跨域问题方法汇总
来源:互联网 发布:航天信息软件下载 编辑:程序博客网 时间:2024/06/06 03:47
目前所能查到的一共五种:
1.jsonp。
ajax请求,dataType为jsonp。这种形式需要请求在服务端调整为返回callback([json-object])的形式。如果服务端返回的是普通json对象。那么调试的时候,在chrome浏览器的控制台会报"Uncaught SyntaxError: Unexpected token"错误;在firefox浏览器的控制台会报"SyntaxError: missing ; before statement"错误。
josnp就是在josn外套了一层callback()
举例:
josn格式的数据:
{ "message":"获取成功", "state":"1", "result":{"name":"工作组1","id":1,"description":"11"}}
callback({ "message":"获取成功", "state":"1", "result":{"name":"工作组1","id":1,"description":"11"}})
2.iframe跨域。
页面中增加一个iframe元素,在需要调用get请求的时候,将iframe的src设置为get请求的url即可发起get请求的调用。
var url = "http://xxx.xxx.xxx?p1=1&p2=2";
$("#iframe").attr("src", url);//跨域,使用iframe
iframe方式强于jsonp,除了可以处理http请求,还能够跨域实现js调用。
3.script元素的src属性处理
iframe、img、style、script等元素的src属性可以直接向不同域请求资源,jsonp正是利用script标签跨域请求资源的简单实现,所以这个和jsonp本质一样,同样需要服务端请求返回callback...形式。
var url="http://xxx.xxx.xxx?p1=1";
var script = document.createElement('script');
script.setAttribute('src', url);
document.getElementsByTagName('head')[0].appendChild(script);
4.在服务器使用get处理。
对于业务上没有硬性要求在前端处理的,可以在服务端做一次封装,再服务端发起调用,这样就可以解决跨域的问题。然后再根据请求是发出就完,还是需要获取返回值,来决定代码使用同步或者异步模式。
private static void CreateGetHttpResponse(string url, int? timeout, string userAgent, CookieCollection cookies)
{
if (string.IsNullOrEmpty(url))
{
throw new ArgumentNullException("url");
}
var request = WebRequest.Create(url) as HttpWebRequest;
request.Method = "GET";
if (!string.IsNullOrEmpty(userAgent))
{
request.UserAgent = userAgent;
}
if (timeout.HasValue)
{
request.Timeout = timeout.Value;
}
if (cookies != null)
{
request.CookieContainer = new CookieContainer();
request.CookieContainer.Add(cookies);
}
request.BeginGetResponse(null,null);//异步
//return request.GetResponse() as HttpWebResponse;
}
5.flash跨域
要做一个页面上短信息的提示音的功能,本来想用HTML5中Audio+IE下的bgsound来实现,可是发现每种浏览器对Audio的解码类型还不一样,顿时有种崩溃的感觉。没办法还是用Flash稳妥一点吧。
相信JavaScript与Flash交互大家都会有所接触或者有所耳闻。其实我也是第一次整这个玩意。具体的方法就不说了,很多资料。
开始的时候功能都做得差不多了,实现和没问题。可是就是到了最后,将swf文件放到资源服务上后再调用时出来问题,我就想肯定又是让人蛋疼的跨域问题(CrossDomain)。后来在网上翻了半天终于把问题搞定。
首先,要让你的Flash能访问页面,你需要在<embed>标签中加上allowscriptaccess=always这段。
其次,你要让你的页面中的JavaScript能访问Flash则需要在你的Flash脚本中加上如下内容:
import flash.system.Security;
Security.allowDomain('www.abc.net');
其中www.abc.net需要替换成你自己的页面的domain,如果你不是很清楚你可以使用alert(document.domain)来查看。如果你需要多个domain都访问这个Flash你可以添加多条allowDomain的记录。
- 处理js跨域问题方法汇总
- 5种处理js跨域问题方法汇总
- js跨域问题处理
- JS实现跨域的几种方法汇总
- 前后端分离开发中处理跨域问题汇总
- JS数组方法汇总
- JS数组方法汇总
- JS数组方法汇总
- JS数组方法汇总
- JS数组方法汇总
- JS数组方法汇总
- Js常用方法汇总
- JS数组方法汇总
- js常用方法汇总
- 乱码问题处理汇总
- JS问题汇总
- JS问题汇总
- js问题知识点汇总
- iOS MVC设计模式详解
- 常用SQL语句
- Linux 下的 Redis 安装 && 启动 && 关闭 && 卸载
- python3中安装easygui的问题解决
- SRVCTL 中failover_method 解释
- 处理js跨域问题方法汇总
- 数据库操作
- 在linux下如何判断是否已经安装某个软
- Java设计模式之观察者模式
- spring mvc @ResponseBody/@RequestBody 配值action直接把对象输入json格式输入到前端相关配置
- Google Gson的使用方法,实现Json结构的相互转换
- git学习记录1
- UIGraphicsBeginImageContext 和 UIGraphicsBeginImageContextWithOptions
- MySQL索引原理及慢查询优化