Jsonp 原理简述

　　浏览器因为安全问题而有一个同源策略，不允许跨域请求数据。但是 js 脚本资源和图片资源还是被允许跨域请求的。在 web 开发中，遇到要跨域请求 json 数据时，可以用 jsonp 的方式来绕过浏览器的同源策略。

　　现在，已经有很多工具将 jsonp 封装，如 jquery ，vue 等等。

　　那么封装起来的 ajxa 做了什么呢，个人认为主要有以下：

　　　　0、创建一个回调函数。有以下代码类似功能。

function callback (str){return JSON.parse(str);
}

　　　　1、动态创建一个 script 标签，其中 src 中 query 部分告诉服务器自己要请求的数据以及回调函数的名字。

　　　　2、脚本返回后立即执行回调函数，该函数所携带的参数就是我们请求的数据。

// 后台返回的内容
callback({code:0});

　　　　3、删除创建的 script 标签。

　　　　4、删除创建的回调函数。

转载于:https://www.cnblogs.com/fenghen/p/8435904.html

Jsonp 原理简述相关推荐

Ajax跨域：Jsonp原理解析
推荐先看下这篇文章:JS跨域(ajax跨域.iframe跨域)解决方法及原理详解(jsonp) JavaScript是一种在Web开发中经常使用的前端动态脚本技术.在JavaScript中,有一个很重 ...
JQuery实现Ajax跨域访问--Jsonp原理
JavaScript是一种在Web开发中经常使用的前端动态脚本技术.在JavaScript中,有一个很重要的安全性限制,被称为"Same-Origin Policy"(同源策略). ...
JSONP原理以及安全问题
JSONP介绍 JSONP全称是JSON with Padding ,是基于JSON格式的为解决跨域请求资源而产生的解决方案.他实现的基本原理是利用了 HTML 里元素标签没有跨域限制 JSONP原 ...
Java中CAS（Compare And Swap，比较和交换）算法的技术原理简述
- title: Java中CAS(Compare And Swap,比较和交换)算法的技术原理简述 - date: 2021/8/14 文章目录 CAS全称 Compare And Swap,是一种 ...
电容三点式LC振荡器电路组成及工作原理简述
电容三点式LC振荡器电路组成及工作原理简述 [复制链接] husk2012 116 主题 21 好友 3550 积分 VIP会员发消息电梯直达 1# 发表于 2012-10-22 20: ...
ELF PLT Hook 原理简述
[无线平台]ELF PLT Hook 原理简述简述 Android 是基于Linux的操作系统,因此在Android开发平台上,ELF是原生支持的可执行文件格式:ELF文件格式除了作为可执行文件,还 ...
Excel阅读模式/聚光灯开发技术之二超级逐步录入提示功能开发原理简述—— 隐鹤 / HelloWorld...
Excel阅读模式/聚光灯开发技术之二超级逐步录入提示功能开发原理简述---- 隐鹤 / HelloWorld 1. 引言自本人第一篇博文"Excel阅读模式/单元格行列指示/聚光灯 ...
php json 原理,基于JSONP原理详解
本文主要为大家推荐一篇基于JSONP原理解析,具有很好的参考价值,希望对大家有所帮助.一起跟随小编过来看看吧,希望能帮助到大家. 前言我工作以来接触的第一个项目就是前后端分离的,前端静态文件有自己独 ...
P型半导体，N型半导体，PN结原理简述
前置知识: 半导体器件是构成各种电子电路的基础.而半导体的器件主要是由半导体材料制成的:如硅和锗. 为什么要使用半导体材料作为器件? 这就跟半导体的特性相关,需要一些初高中的化学基础:在元素表中,元素 ...
跨域解决方法——jsonp原理
跨域解决方法--jsonp原理一个域名地址的组成: 当协议.子域名.主域名.端口号任意一个不相同时,都算作不同域,不同域之间相互请求资源,就算做"跨域".由于浏览器同源策略的限制 ...

Jsonp 原理简述

Jsonp 原理简述相关推荐

最新文章

热门文章