jsonp

因为浏览器的同源策略限制，不是同源的脚本不能操作其他源下面的资源，想操作另一个源下面的资源就属于跨域了，这里说的跨域是广义跨域，我们常说的代码中请求跨域，是狭义的跨域，即在脚本代码中向非同源域发送http请求 浏览器的同源策略（SOP/same origin policy）是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS（跨站脚本攻击 cross site scripting）和CSRF（跨站请求伪造cross-site request forgery）等攻击。 （同源 origin：协议，域名，端口号，不清楚的话，直接在浏览器控制台中输入window.location.origin看看返回值就知道了。） 下面两种情况，是不受跨域限制的，严格来讲，这两种情况只是跨站资源请求： 1）页面中的链接，重定向及表单提交是不受同源策略限制的 2）跨域资源的引入，如 < script src="" > < image src="" > < iframe > 等 从上面的第二种情况，我们可以发现，但凡通过src去获取非同源状态的资源时，都是不受跨域限制的，那我们就可以想想，是否可以借助这种跨站资源请求的方式来实现http跨域请求呢？这就是我们接下来要说的第一种跨域解决方案：jsonp 1、JSONP（不仅限于python，所有的GET请求都可以使用jsonp实现跨域）

什么引起了ajax不能跨域请求的问题？ ajax本身实际上是通过XMLHttpRequest对象来进行数据的交互，而浏览器出于安全考虑，不允许js代码进行跨域操作，所以会警告。 有什么完美的解决方案么？ 解决方案有不少，但是只能是根据自己的实际情况来选择。 跨域的安全限制都是指浏览器端来说的，服务器端是不存在跨域安全限制的。所以针对这2种情况衍生出2类跨域解决方案，一类是服务器端做中转类似代理方式，一类是js处理浏览器端的真正跨域访问。 具体情况有 : 本域和子域的相互访问: www.aa.com和book.aa.com 用document.domain = "aa.com"; 本域和其他域的相互访问: www.aa.com和www.bb.com 用 XMLHttpRequest访问代理，既服务器端代理方式 本域和其他域的相互访问: www.aa.com和www.bb.com 用 JS创建动态脚本，<script>标签的src属性实现跨域访问 解决方法： 如果想做到数据的交互，那么www.aa.com和book.aa.com必须由你来开发才可以。可以将book.aa.com用iframe添加到 www.aa.com的某个页面下,在www.aa.com和iframe里面都加上document.domain = "aa.com"，这样就可以统一域了，可以实现跨域访问

js 跨域访问问题解决方法 什么引起了ajax不能跨域请求的问题？ ajax本身实际上是通过XMLHttpRequest对象来进行数据的交互，而浏览器出于安全考虑，不允许js代码进行跨域操作，所以会警告。 有什么完美的解决方案么？ 解决方案有不少，但是只能是根据自己的实际情况来选择。 跨域的安全限制都是指浏览器端来说的，服务器端是不存在跨域安全限制的。所以针对这2种情况衍生出2类跨域解决方案，一类是服务器端做中转类似代理方式，一类是js处理浏览器端的真正跨域访问。 具体情况有 : 1) 本域和子域的相互访问: www.aa.com和book.aa.com 用 document.domain = "aa.com"; 2) 本域和其他域的相互访问: www.aa.com和www.bb.com 用 XMLHttpRequest访问代理，既服务器端代理方式 3) 本域和其他域的相互访问: www.aa.com和www.bb.com 用 JS创建动态脚本，<script>标签的src属性实现跨域访问 解决方法： 1) 如果想做到数据的交互，那么www.aa.com和book.aa.com必须由你来开发才可以。可以将book.aa.com用iframe添加到 www.aa.com的某个页面下,在www.aa.com和iframe里面都加上document.domain = "aa.com"

1.同源策略 同源策略即，请求URL地址中的协议，域名，端口都相同，同源策略是浏览器的一种安全策略，主要是为了保证浏览器的安全性，同源策略下，浏览器不允许Ajax跨域获取服务器数据 2.什么是跨域问题呢？ 协议(http,https),域名(api，www....),端口(8080，5000，3000，80)三者之一不同就会造成跨域问题， 3.跨域是会报什么样的错呢？ 4.如何解决跨域问题？ 常用 的解决方案是jsonp，jsonp只能实现get的跨域，实现post的跨域需要服务器端开放相应的权限 所有的静态标签是不存在任何跨域问题的，所以，jsonp就可以借助src来解决跨域问题 5.jsonp封装 <script> jsonp({ url: 'http://localhost:3000', data: ' ', success: function(data){ console.log(data); } }); function jsonp(options){ //将用户通过命名空间定义的函数挂载到全局 window.getData = options.success; //处理字符串拼接 options.url = options.url + '?callback=getData'; //创建一个script标签 let script = document

Vue可以构建一个完全不依赖后端服务的应用，同时也可以与服务端进行数据交互来同步界面的动态更新。 Vue通过插件的形式实现了基于AJAX，JSPNP等技术的服务端通信。 vue-resource 是一个通过 XMLHttpRequrest 或 JSONP 技术实现异步加载服务端数据的Vue插件 提供了一般的 HTTP请求接口和RESTful架构请求接口，并且提供了全局方法和VUe组件实例方法。 使用的版本是： vue-resource 0.7.2 配置 参数配置 分为： 全局配置 组件实例配置 调用配置 这三部分的优先级依次增高，游戏机高的配置会覆盖优先级低的配置。 全局配置 Vue.http.options.root = '/root'; 全局配置option属性 组件实例配置 在实例化组件时可以传入 http 选项来进行配置 new Vue({ http: { root: '/root', headers: { Authorization: '' } } }) 方法调用时配置 在调用 vue-resource 请求方法是传入选项对象。 new Vue({ ready: function() { // get 请求 this.$http.get({url: '', headers: { Authorization: '' } }) .then(() => { // 请求成功回调

　　Vue可以构建一个完全不依赖后端服务的应用，同时也可以与服务端进行数据交互来同步界面的动态更新。Vue通过插件的形式实现了基于AJAX，JSPNP等技术的服务端通信。 　　 vue-resource 是一个通过 XMLHttpRequrest 或 JSONP 技术实现异步加载服务端数据的Vue插件，提供了一般的 HTTP请求接口和RESTful架构请求接口，并且提供了全局方法和VUe组件实例方法。 一、 参数配置 　　分为：全局配置、组件实例配置、调用配置 　　这三部分的优先级依次增高，优先级高的配置会覆盖优先级低的配置。 1、全局配置 Vue.http.options.root = '/root'; 2、 组件实例配置 　　在实例化组件时可以传入http选项来进行配置 new Vue({ http: { root: '/root', headers: { Authorization: '' } } }) 3、方法调用时配置 　　在调用 vue-resource 请求方法时传入选项对象 new Vue({ mounted: function() { // get 请求 this.$http.get({ url: '', headers: { Authorization: '' } }).then(() => { // 请求成功回调 }, () => { // 请求失败回调 })

地址：https://segmentfault.com/a/1190000007087934 Vue可以构建一个完全不依赖后端服务的应用，同时也可以与服务端进行数据交互来同步界面的动态更新。 Vue通过插件的形式实现了基于AJAX，JSPNP等技术的服务端通信。 vue-resource 是一个通过 XMLHttpRequrest 或 JSONP 技术实现异步加载服务端数据的Vue插件 提供了一般的 HTTP请求接口和RESTful架构请求接口，并且提供了全局方法和VUe组件实例方法。 使用的版本是： vue-resource 0.7.2 配置 参数配置 分为： 全局配置 组件实例配置 调用配置 这三部分的优先级依次增高，游戏机高的配置会覆盖优先级低的配置。 全局配置 Vue.http.options.root = '/root'; 全局配置option属性 组件实例配置 在实例化组件时可以传入 http 选项来进行配置 new Vue({ http: { root: '/root', headers: { Authorization: '' } } }) 方法调用时配置 在调用 vue-resource 请求方法是传入选项对象。 new Vue({ ready: function() { // get 请求 this.$http.get({url: '', headers: {