最近在做查快递网页时遇到一个问题,调用的快递100的api,但是快递100api不允许跨域请求,就是用127.0.0.1发的请求会直接被拦截。 只是个简单的网页,不想自己做服务器转发,最后找到了一个yahoo提供的jsonp代理: http://query.yahooapis.com/v1/publ ...
分类:
Web程序 时间:
2017-12-08 18:24:33
阅读次数:
213
JSONP 教程 本章节我们将向大家介绍 JSONP 的知识。 Jsonp(JSON with Padding) 是 json 的一种"使用模式",可以让网页从别的域名(网站)那获取资料,即跨域读取数据。 为什么我们从不同的域(网站)访问数据需要一个特殊的技术(JSONP )呢?这是因为同源策略。 ...
分类:
Web程序 时间:
2017-12-08 12:07:08
阅读次数:
137
前言 我工作以来接触的第一个项目就是前后端分离的,前端静态文件有自己独立域名,通过接口来获取数据进行渲染等操作。跨域的方法不需要多言,随便一搜,就有很多,但最常用不外乎jsonp和CORS。jsonp着重于前端,也算是前端Hack技巧,CORS重于后端,服务端需要配置的地方会较多。这篇解析一下jso ...
分类:
Web程序 时间:
2017-12-03 21:49:46
阅读次数:
271
轻松搞定JSONP跨域请求 一、同源策略 要理解跨域,先要了解一下“同源策略”。所谓同源是指,域名,协议,端口相同。所谓“同源策略“,简单的说就是基于安全考虑,当前域不能访问其他域的东西。 一些常见的是否同源示例可参照下表: 在同源策略下,在某个服务器下的页面是无法获取到该服务器以外的数据的。例如我 ...
分类:
Web程序 时间:
2017-12-03 12:54:59
阅读次数:
219
一、同源策略 要理解跨域,先要了解一下“同源策略”。所谓同源是指,域名,协议,端口相同。所谓“同源策略“,简单的说就是基于安全考虑,当前域不能访问其他域的东西。 在同源策略下,在某个服务器下的页面是无法获取到该服务器以外的数据的。例如我们在自己的网站通过ajax去获取豆瓣上https://devel ...
分类:
Web程序 时间:
2017-12-01 17:14:33
阅读次数:
237
varjsonData='{"data1":"Hello,","data2":"world!"}' 调用方法jsonData.data1,jsonData.data2 jsonData=[ {"name":"LiLei","age":19,"sex":"male"}, {"name":"HanMei ...
分类:
编程语言 时间:
2017-11-30 15:11:45
阅读次数:
157
上代码 区分: contentType: 发送信息至服务器时内容编码类型,简单说告诉服务器请求类型的数据 在调试js时候通过chrome的F12或firefox的firebug查看请求参数时,尤其请注意head 默认值: "application/x-www-form-urlencoded" dat ...
分类:
Web程序 时间:
2017-11-29 19:51:34
阅读次数:
189
ThinkPHP可以很好的支持AJAX请求,系统的\Think\Controller类提供了ajaxReturn方法用于AJAX调用后返回数据给客户端。并且支持JSON、JSONP、XML和EVAL四种方式给客户端接受数据,并且支持配置其他方式的数据格式返回。 ajaxReturn方法调用示例: $... ...
分类:
Web程序 时间:
2017-11-29 16:19:04
阅读次数:
194
项目的GitHub地址:https://github.com/hellobajie/vue-cli-multipage 该脚手架同时支持vux,scss,less 目录结构 修改配置文件 构建多页面应用的关键在于向配置对象的plugins子项添加多个HtmlWebpackPlugin。 怎样根据页面 ...
分类:
其他好文 时间:
2017-11-28 18:39:06
阅读次数:
177
什么是跨域? 为什么浏览器要限制跨域? 以上的问题在相关博客介绍的更为详尽,不做描述。 带来了哪些问题? 我再8097端口想要访问8090的静态资源(字体或者css什么的)是被禁止的。 如何解决这些问题? 1、jsonp方法,其实就是<script>标签的src发http请求获取json格式数据,再 ...
分类:
编程语言 时间:
2017-11-28 15:33:44
阅读次数:
121