跨域


有两种跨域方法分为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

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

支持四种方式