跨域

有两种跨域方法分为jsonp和cors

1.jsonp

可兼容旧版本,只支持get请求不支持post请求

因为用ajax跨域会被浏览器拦截,所以jsonp用script来获取

script用函数实例获取数据

function 函数名(res){

console.log(res)

}

获取的数据用script src引用:

’https://suggest.taobao.com/sug?code=utf-8&q=iphone&_ksTS=1646722281390_243&k=1&area=c2c&bucketid=6&callback=函数名‘

函数名==域名里的callback(有些公司觉得太长会使用cb)

jquery方法

 $.ajax({
            dataType:'jsonp',
            url:"https://suggest.taobao.com/sug?code=utf-8&q=iphone&_ksTS=1646722281390_243&k=1&area=c2c&bucketid=6",
            jsonpCallback:'fn',这里是设置函数里引用的函数名
            success:function(res){
                console.log(res);
            }
        })
        $.ajax({
            dataType:'jsonp',
            jsonp:'cb',改callback为cb(callback为默认)
            url:"https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=P&json=1&p=3&sid=26523_1450_21107&req=2&csor=1&_=1540543418198",
            success:function(res){
                console.log(res);
            }
        })

2.cors

只要用了这种技术不用去管跨域的问题

支持四种方式

posted @ 2022-03-08 14:35  永远老年  阅读(83)  评论(0)    收藏  举报