AJAX(二): 跨域和JSONP

跨域访问: 如http://www.bilibili.com的脚本向http://www.acfun.com发送请求
浏览器的同源策略: 浏览器不接受跨域XMLHttpRequest的结果, 但发送请求和响应是可以进行的
AJAX跨域方法:
 1. JSONP的机制: 1>. 创建script标签, 利用其src属性实现跨域
 2>. 其跨域的结果为<script>func(返回值)</script>, 会调用本地规定好的函数, 运行结果
 3>. 结束后删除script标签
 
 使用:
 $.ajax({
 url: '/url' // 跨域url
 type:'GET',
 dataType:'jsonp', // 声明以下内容以script src=url的方式传递, 因此只能是GET
 jsonp:'callback', // 告诉对方以req.GET.get('callback')获取返回函数名
 jsonCallback:'func', // 以func函数包裹数组
 })
 function func(arg){ // 定义回调函数
 console.log(arg);
 }
 2. CORS(Cross-Origin Resource Sharing): 跨域资源共享，设置特殊的响应头，浏览器不阻止

转载于:https://www.cnblogs.com/lancelotxly/p/10872081.html