跨域解决方式
来源:互联网 发布:vb label 透明 编辑:程序博客网 时间:2024/05/17 08:55
跨域问题
1、服务端解决办法:
使用如下标头可以接受全部网站请求:
header('Access-Control-Allow-Origin:*')
使用如下标头可以接受指定网站请求:
header('Access-Control-Allow-Origin:http://www.abc.com')
所以,服务器写法:
header('Access-Control-Allow-Origin:*');
ajax写法和平常一样:
<script> $.ajax({ url:'http://192.168.1.124/homekoo.com/zde/cors_1.php', dataType:'json', success:function(data){ alert(data.msg); } });</script>
2、使用jsonp跨域请求
服务器:
不修改
客服端
<script> $('#btn').on('click',function(){ $.ajax({ url: 'http://www.baidu.com', type: 'GET', dataType: 'JSONP', jsonp: 'callback', jsonpCallback: 'callback1', success:function(data){ alert(data.username) } }) }); });</script>
在ajax请求中,使用jsonp数据格式,所以讲dataType参数设置为jsonp,平常,还加到了jsonp和jsonpCallback两个参数,结合代码,不难看出这两个参数作用:
jsonp的作用是设置服务器获取回调函数名称参数的下标参数,jsonpCallback的作用就是设置回调函数,相当于input标签中name和value,jsonp对应name,value对应jsonpCallback。
详细解释链接(别人的东西)
http://www.cnblogs.com/duanhuajian/p/3152617.htmlhttp://www.360doc.com/content/14/1030/09/5054188_421070813.shtml
阅读全文
0 0
- 跨域解决方式
- 跨域解决方式
- ajax跨域请求的解决方式
- jsonp方式解决跨域共享问题
- 简单的方式解决跨域问题
- 跨域访问的解决方式
- JSONP方式解决跨域问题
- 解决chrome阻止跨域方式
- 【@CrossOrign】注解方式解决跨域问题
- Elasticsearch 搜索,IE跨域问题 JSONP方式解决
- ajax请求跨域问题-通过jsonp方式解决
- js 跨域问题常见的五种解决方式
- springmvc http 接口使用 img 方式解决跨域问题
- 前端跨域问题遇到的坑及解决方式
- 浅谈前端跨域的几种解决方式
- 解决浏览器跨域的几种方式
- 用PHP方式,解决ajax跨域问题
- JavaScript解决跨域的几种方式
- Spatio-Temporal Attention Models for Grounded Video Captioning
- Anroid自定义View-绘制圆环
- 集群、分布式、负载均衡区别
- 程序在加载类的时候走的流程
- XMLHttpRequestjQuery.post(url, [data], [callback], [type])
- 跨域解决方式
- MySQL修改数据表名
- CRC校验,ARP协议及ARP抓包
- 关于python方法绑定
- 重写equal()时为什么也得重写hashCode()之深度解读equal方法与hashCode方法渊源
- 怎么解决java.lang.NoClassDefFoundError错误
- linux下网络编程的一些知识点
- End-to-end Concept Word Detection for Video Captioning, Retrieval, and Question Answering
- 利用Java实现搜索引擎爬虫技术