两个地址如果有相同的协议,域名或者ip,以及端口,那么我们就说这两个地址出自相同的源,浏览器对同源的地址有一个安全策略,就是禁止非同源的数据操作dom,cookie以及接收ajax,所以呢一旦出现跨域,我们的ajax接收数据就会出现跨域报错.解决这种跨域报错的方案有两种,一种是cors技术解决方案,一种是jsonp技术解决方案.
cors解决方案完全依赖于后端(我个人对nodejs也有一定的研究,学得不好就别说了),cors后端人员可以直接进行配置,目前常用的ajax版本对cors技术支持就非常好了,我们前端直接调用接口就可以,后端会使用该技术解决跨域.
而jsonp就有点麻烦了,看起来是类似于ajax请求,他是一个利用script标签发送请求的一个技术,他是前后端配合,后端返回给前端的数据不是简简单单的一个对象,而是一个执行函数的调用,把需要返回的数据作为参数传给执行函数的参数.然后要求前端必须准备好一个全局的回调函数去接受这个数据,当程序执行完毕后,函数会被销毁,script标签也会被销毁,jsonp的有点是可以兼容低版本的浏览器.缺点是只能发送get请求.
对跨域的理解以及如何解决跨域
最新推荐文章于 2024-06-05 00:40:27 发布