AJAX(二): 跨域和JSONP

时间:2019-05-15
本文章向大家介绍AJAX(二): 跨域和JSONP,主要包括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): 跨域资源共享,设置特殊的响应头,浏览器不阻止

$flag 上一页 下一页