美文网首页
关于跨域、Jsonp

关于跨域、Jsonp

作者: Winni文静 | 来源:发表于2018-11-28 23:20 被阅读0次

跨域

浏览器对于javascript的同源策略的限制。不同域名、端口、协议都为跨域。(例如:a.cn访问b.cn)

同源策略

请求的URL地址必须与浏览器上的URL地址处于同域上。也就是域名、端口、协议相同。

比如:我在本地上的域名是study.cn,请求另外一个域名一段数据

这时浏览器会报错:

这个就是同源策略的保护,如果浏览器对javascript没有同源策略的保护,那么一些重要的机密网站将会很危险

Jsonp

Jsonp全称:JSON with Padding,是为了解决跨域请求资源而产生的解决方案,是一种依靠开发人员创造出的一种非官方跨域数据交互协议。

Jsonp的产生

1.Ajax直接请求普通文件存在跨域无权限访问的问题,静态页面也一样。

2.拥有src属性的标签都可以跨域。例如<script><img><iframe>

3.为了便于客户端使用数据逐渐形成一种非传输协议,人们称之为Jsonp。该协议允许用户传递一个callback参数给服务端。

基于script标签实现跨域(利用<script>标签没有跨域限制"漏洞"来达到与第三方通讯)

1.服务端返回数据时会将这个callback参数(message)作为函数名来包裹住JSON数据,客户端就可以定制自己的函数来自动处理返回数据了。

远程的message.js文件是

2.让远程js知道它应该调用的本地函数叫什么名字,只要服务端提供的js脚本是动态生成的,这样前台只需要传一个callback参数过去告诉服务端,我需要XXX代码,于是服务端就会得到相应了.

相关文章

  • JavaScript - GET/POST及跨域方法

    xhr 原生方法请求 window fetch 方法 关于跨域 利用JSONP实现跨域调用 使用 CORS(跨域资...

  • 对jsonp 的理解认识

    什么是跨域?为什么要跨域呢?听说jsonp能. 为什么jsonp能跨域呢?什么时候使用jsonp?怎么使用json...

  • JSONP的劫持

    关于 JSONP JSONP 全称是 JSON with Padding ,是基于 JSON 格式的为解决跨域请求...

  • 跨域

    关于跨域大概可以分为 iframe 的跨域和纯粹的跨全域请求。 3种跨全域方法: 1、JSONP 全称:JSON ...

  • 跨域的解决方式与演示

    关于跨域大概可以分为 iframe 的跨域和纯粹的跨全域请求。 3种跨全域方法: 1、JSONP 全称:JSON ...

  • 浏览器跨域问题,教你手写实现jsonp跨域

    跨域概述为什么会有跨域跨域解决办法:1、jsonp;2、后台代理手写实现jsonp跨域(包括服务器端代码) 跨域问...

  • ajax跨域请求

    ajax跨域请求(jsonp) 利用JSONP解决AJAX跨域问题的原理与jQuery解决方案JSONP jQue...

  • 关于jsonp劫持

    关于jsonp JSONP 全称是 JSON with Padding ,是基于 JSON 格式的为解决跨域请求资...

  • cookie和跨域数据交互(jsonp)

    cookie: 跨域数据交互(jsonp) 谁能跨域:JSONP/iframe-window.name/h5-PO...

  • 复习jsonp和promise

    一.jsonp 1.jsonp是跨域访问api,ajax不能跨域 2.在vue中使用jsonp首先要安装jsonp...

网友评论

      本文标题:关于跨域、Jsonp

      本文链接:https://www.haomeiwen.com/subject/ldrtcqtx.html