vue中jsonp插件的使用方法示例_JavaScript

vue中jsonp插件的使用方法示例

2021-09-24 15:45一个前端小小白 JavaScript

这篇文章主要给大家介绍了关于vue中jsonp插件的使用方法示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

通过jsonp简单获取接口数据，对了，注意下jsonp方法会自动添加callback

				?

									<template>

									    <div class="sky">

									        <h3>获取城市：</h3>

									        <div class="skycon"></div>

									    </div>

									</template>

									<script>

									//导入jsonp插件

									import jsonp from 'jsonp';

									export default{

									    data(){

									        return {

									        }

									    },

									    created(){

									        //jsonp请求数据

									        this.getLocation()

									    },

									    methods:{

									        getLocation(){

									            let url = "https://apis.map.qq.com/ws/location/v1/ip?key=CAABZ-AVSAQ-RDR5L-GTBDJ-HLA4O-A5FDB&output=jsonp&_=1599182599164"

									            //jsonp方法会自动添加callback

									            jsonp(url,{},(err,data)=>{

									                //url地址 //{}参数 //(err,data)错误信息，获取的数据

									                console.log(data)

									            })

									        }

									    }

									}

									</script>

									<style>

									</style>