跨域的几种实现方式
2018-03-10 14:30
239 查看
jsonp $.ajax({
type: "get",
url: "/home/ReturnJson",
dataType: "jsonp",
jsonp: "callback",//传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(一般默认为:callback, http://xxxx.com?callback=foo)
success: function (data) {
alert(data.name);
},
error: function () {
alert('fail');
}
});
服务器设置响应头, 允许跨域(一般不建议这样做)
res.header("Access-Control-Allow-Origin", "*");
服务器转发
服务器与服务器之间没有跨域问题. 可以让本机服务器作为代理,来请求第三方服务器, 然后将第三方服务器数据返回回来,但是不会携带cookie
反向代理
配置步骤:
1> 找到 httpd.conf 文件
2> 找到里面的 Proxy_modules 模块与 Proxy_http_module 模块, 将其注释去掉
3> 找到要配置的虚拟主机
4> 在里面添加两段代码
ProxyRequests Off
ProxyPass /api http://api.botue.com 5> 重启 服务器
<VirtualHost *:80>
DocumentRoot"D:/developer/wamp/www/studyit"
ServerName studyit.com
ProxyRequests Off
ProxyPass /api http://api.botue.com </VirtualHost>
type: "get",
url: "/home/ReturnJson",
dataType: "jsonp",
jsonp: "callback",//传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(一般默认为:callback, http://xxxx.com?callback=foo)
success: function (data) {
alert(data.name);
},
error: function () {
alert('fail');
}
});
服务器设置响应头, 允许跨域(一般不建议这样做)
res.header("Access-Control-Allow-Origin", "*");
服务器转发
服务器与服务器之间没有跨域问题. 可以让本机服务器作为代理,来请求第三方服务器, 然后将第三方服务器数据返回回来,但是不会携带cookie
反向代理
配置步骤:
1> 找到 httpd.conf 文件
2> 找到里面的 Proxy_modules 模块与 Proxy_http_module 模块, 将其注释去掉
3> 找到要配置的虚拟主机
4> 在里面添加两段代码
ProxyRequests Off
ProxyPass /api http://api.botue.com 5> 重启 服务器
<VirtualHost *:80>
DocumentRoot"D:/developer/wamp/www/studyit"
ServerName studyit.com
ProxyRequests Off
ProxyPass /api http://api.botue.com </VirtualHost>
相关文章推荐
- 跨域请求的几种实现方式
- 跨域请求的几种实现方式
- ajax处理跨域有几种方式?实现原理是什么?
- 什么是JS跨域请求?有几种方式可以实现?请简述其中某一种的实现原理?
- 【js跨域】js实现跨域访问的几种方式
- 什么是JS跨域请求?有几种方式可以实现?请简述其中某一种的实现原理?
- 实现跨域的几种方式
- JavaScript实现页面跳转的几种方式
- AOP的实现的几种方式
- 浅析malloc()的几种实现方式
- 分布式锁的几种实现方式
- 内容超过长度后以省略号显示的几种实现方式
- Java线程池的几种实现方式
- MFC 中 Tooltip 实现的几种方式
- 网页瀑布流效果实现的几种方式
- iOS开发 - OC - 实现本地数据存储的几种方式二(直接使用sqlite)
- 通过css3实现页面瀑布流的几种方式
- C++中实现回调机制的几种方式
- 【Nginx】实现负载均衡的几种方式
- 探讨跨域请求资源的几种方式