跨域的问题
来源:互联网 发布:mac压缩包加密 编辑:程序博客网 时间:2024/06/05 09:37
传统的JSONP跨域方法
JQ的ajax调用是最常见的调用方法之一,在自己写一些小demo过程中,总是会遇到跨域问题,
一般遇到跨域问题时,就会出现类似错误情况:
No ‘Access-Control-Allow-Origin’ header is present on the requested resource……
在这里把自己搜索过和使用过的跨域方法记录一下,以备查询。
- 通过jsonp跨域
通过jsonp方式跨域,实际上是通过script标签引入一个js文件,这个js文件载入成功后会执行我们在url参数中指定的函数,并且会把我们需要的json数据作为参数传入。所以jsonp是需要服务器端的页面进行相应的配合的。
在JQ中,我们可以通过一个自动的callback函数完成这一过程:
例如:
var url =’http://v.juhe.cn/weather/index?callback=?’;
$.getJSON(url, {
‘cityname’:’北京’,
‘dtype’:’jsonp’,
‘key’:’xxxx’,
},function(data){
console.log(data.);
});
实际上,在我们执行这段代码时,等于向服务器发出了这样一个请求:
http://v.juhe.cn/weather/index?callback=jsoncallback_randomName
在服务器端,则返回了jsonpcallback_randomName(data)的对象:
阅读全文
0 0
- 跨域的问题
- JS的跨域问题
- cookie跨域的问题
- webapi的跨域问题
- iframe的跨域问题
- 跨域问题的解决方法,
- js的跨域问题
- 跨域问题的解决
- 跨域问题的解决办法
- json的跨域问题
- 跨域问题的解决方法
- ajax的跨域问题
- phonegap跨域的问题
- 前端跨域的问题
- ajax跨域的问题
- 前端跨域的问题
- AJAX的跨域问题
- 跨域问题的解决
- Leetcode203. Remove Linked List Elements
- CentOS7安装iptables防火墙
- 494. Target Sum
- user account control用户帐户控制
- clipboard.js 复制到剪贴板
- 跨域的问题
- Listview下啦刷新
- angularjs作用域及其生命周期
- 算法实验1《分治算法实验》
- JAVA-Swing图形化界面之事件监听1
- java学习初探十八之线程的线程同步_锁机制_synchronized
- python函数的知识点:
- Attention
- Python 生成一组随机数列表