外贸资讯平台,什么叫优化,网站后台左侧导航折叠效果打不开,制作官网的公司性价比高JSONP 我们发现#xff0c;Web页面上调用js文件时不受是否跨域的影响#xff0c;凡是拥有src这个属性的标签都拥有跨域的能力#xff0c;比如script、img、iframe。那就是说如果要跨域访问数据#xff0c;就服务端只能把数据放在js格式…JSONP 我们发现Web页面上调用js文件时不受是否跨域的影响凡是拥有src这个属性的标签都拥有跨域的能力比如script、img、iframe。那就是说如果要跨域访问数据就服务端只能把数据放在js格式的文件里。恰巧我们知道JSON可以简洁的描述复杂数据而且JSON还被js原生支持所以在客户端几乎可以随心所欲的处理这种格式的数据。然后客户端就可以通过与调用脚本一模一样的方式来调用跨域服务器上动态生成的js格式文件。客户端在对JSON文件调用成功之后也就获得了自己所需的数据。这就形成了JSONP的基本概念。允许用户传递一个callback参数给服务端然后服务端返回数据时会将这个callback参数作为函数名来包裹住JSON数据这样客户端就可以随意定制自己的函数来自动处理返回数据了。 function dll(response){alert(response.city);
}
var scriptdocument.createElement(script);
script.srchttp://freegeoip.net/json/?callbackdll;
document.body.insertBefore(script,document.body.firstChild); 三步走创建script、指定src,插入到文档。 jQuery支持JSONP的调用。在另外的一个域名中指定好回调函数名称就可以用下面的形式来就加载JSON数据。url?callback?jQuery.getJSON(url callback?, function(data) { alert(data.a data.b); });服务端当然也要提供JSONP的支持其实只要提供读写callback这个params就可以了。跨域资源共享CORSCross-Origin Resource Sharing (CORS) 是W3c工作草案它定义了在跨域访问资源时浏览器和服务器之间如何通信。CORS背后的基本思想是使用自定义的HTTP头部允许浏览器和服务器相互了解对方从而决定请求或响应成功与否。 CORS与JSONP相比更为先进、方便和可靠。 1、 JSONP只能实现GET请求而CORS支持所有类型的HTTP请求。2、 使用CORS开发者可以使用普通的XMLHttpRequest发起请求和获得数据比起JSONP有更好的错误处理。3、 JSONP主要被老的浏览器支持它们往往不支持CORS而绝大多数现代浏览器都已经支持了CORS。对一个简单的请求没有自定义头部要么使用GET要么使用POST它的主体是text/plain,请求用一个名叫Orgin的额外的头部发送。Origin头部包含请求页面的头部协议域名端口这样服务器可以很容易的决定它是否应该提供响应。服务器端对于CORS的支持主要就是通过设置Access-Control-Allow-Origin来进行的。Header set Access-Control-Allow-Origin * 为了防止XSS攻击我们的服务器 我们可以限制域比如Access-Control-Allow-Origin: http://blog.csdn.net很多服务都已经提供了CORS支持比如 AWS 支持跨域资源分享功能CORS向S3上传不需要代理。转载于:https://www.cnblogs.com/dll-ft/p/5761556.html
