说明:
跨域涉及到 Netscape 公司提出的一个著名的安全策略——同源策略,所有支持 JavaScript 的浏览器都会使用这个策略。所谓同源是指,域名,协议,端口相同。当页面在执行一个脚本时会检查访问的资源是否同源,如果非同源,那么在请求数据时,浏览器会在控制台中报一个异常,提示拒绝访问。
同源策略一般又分为以下两种:
DOM同源策略:禁止对不同源页面DOM进行操作。这里主要场景是iframe跨域的情况,不同域名的iframe是限制互相访问的。XmlHttpRequest同源策略:禁止使用XHR对象向不同源的服务器地址发起HTTP请求。
所谓跨域,严格来说就是只要协议,域名,端口有任何一个的不同,就被当作是跨域。
解决方式1:
ajax设置请求头:
ajax片段:
data:{},dataType:'jsonp',
jsonp: "jsoncallback",
xhrFields:{
withCredentials:true
},
success: function(data){
}