JSONP实现前端跨域问题

在页面上，js脚本，css样式文件，图片这三种资源是可以与页面本身不同源的。 jsonp就利用了script标签进行跨域取得数据。JSONP允许用户传递一个callback参数给服务器端，然后服务器端返回数据时会将这个callback参数作为函数名来包裹住JSON数据。这样客户端就可以随意定制自己的函数来自动处理返回的数据了。JSONP只能解决get请求，不能解决post请求。

<script>
   function callback(data){
       console.log(data);
   }
</script>
<script src="接口地址"></script>

JQuery中的JSONP实现

<script>
  $.ajax({
    url:'',
     method:'get',
     dataType:'jsonp', //=> 执行jsonp请求
     success:(res) => {
         console.log(res);
     }
 })
 function callback(data){
     console.log(data);
 }
</script>