JSONP的实现原理

1.使用原因

为了保证浏览器的安全性，禁止ajax进行跨域访问（协议不同，域名不同，端口号不同）

2.原理

1. <script标签不受跨域影响
2. 可以通过动态创建<script标签，让服务器端返回一个方法调用（一般会传回一个参数），调用页面中的js方法

<script>
//提前定义一个js方法
function js方法名(data){
//该data是请求接口后传回来的一个经过服务器处理过的数据
//对data进行处理
}
</script>
<script src="想要访问的数据接口的地址?callback=js方法名"/>

3. jsonp只能支持get请求

3.vue中的vue-resource

jsonp的访问方法：

function(){
this.$http.jsonp{'想要访问的数据接口的地址'}.then(function(result){
//vue-resource封装的方法不需要我们传递方法名，直接定义访问成功后的处理方法即可
//访问成功后的处理
},function(result){
//访问不成功的处理
})
}