同源策略
三种行为受到限制
- Cookie LocalStorage IndexDb无法获取
- DOM无法获取
- AJAX请求不能发送
同源
三个相同:协议相同 域名相同 端口相同
访问网站:网络协议+ 域名(ip地址)+端口号+资源的路径
不同源
- 域名不相同:完全跨域
- 域名相同 端口不同 :跨子域
域名是什么
实现跨域
常见跨域
HTML页面中一些允许路径的元素具有跨域特性
- link
- script
- img
- iframe
jsonp
json的一种使用模式 可用于解决主流浏览器的跨域数据访问问题
function addScriptTag(src){
var script = document.createElement('script')
script.setAttribute('type','text/javascript')
script.src = src
document.body.appendChiled(script);
}
window.onoad = function (){
addScriptTab('url')
}
function foo(data){
console.log()
}
$.getJSON()
$.getJSON('url?callback=?',function(data){
})
jquery会将?自动替换为正确函数名 以执行回调函数