跨域
有两种跨域方法分为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
只要用了这种技术不用去管跨域的问题
支持四种方式