对于jsonp的理解

什么是jsonp：

jsonp的概念，jsonp是一种比较轻量级别的数据传输格式，适用于 web 应用中。jsonp格式数据的编码和解析基本

在所有主流语言中都被实现，所以现在大部分前后端分离的架构都以JSON格式进行数据的传输。

那么JSONP是什么呢？

首先抛出浏览器同源策略这个概念，为了保证用户访问的安全，浏览器使用了同源策略，为了限制JavaScript的访

问能力，即不允许访问非同源的页面，详细的概念大家可以自行百度。这里大家只要知道，在ajax中，不允许请求

非同源的URL就可以了，比如www.a.com下的一个页面，其中的ajax请求是不允许访问www.b.com/c.php这样一个

页面的。

jsonp的原理：

简单理解jsonp就是在JavaScript中的script标签是不受跨域影响的，可以利用srcipt标签的src属性来实现跨域，

利用这个特性，服务端是不再返回JSON格式的数据，而是返回一段调用某个函数的js代码，在src中进行了调用它，

这样实现了跨域，这样jsonp的整个过程就类似于，前端声明好一个函数，后端返回执行函数，执行函数参数中携带

所需的数据。

对于jsonp的理解相关推荐

学习实践 - 收藏集 - 掘金
2道面试题:输入URL按回车&HTTP2 - 掘金通过几轮面试,我发现真正那种问答的技术面,写一堆项目真不如去刷技术文章作用大,因此刷了一段时间的博客和掘金,整理下曾经被问到的2道面试题从 ...
今天被公司安排给候选者进行初面，分享我的6道面试题
今天被抓差给候选者进行初面.在这里记录一下面试中涉及的几个知识点. 每次面试我都会递给候选者一瓶水,这样可以让候选者没那么紧张,有更好的状态进行面试,毕竟面试是双向选择,公司也需要尽快找到合适的人,没 ...
2022前端面试必问的几个小问题，你学费了吗？
写在前面 CSDN话题挑战赛第1期活动详情地址:https://marketing.csdn.net/p/bb5081d88a77db8d6ef45bb7b6ef3d7f 参赛话题:前端面试宝典话 ...
老夫整理的Java面经+题目（阿里、腾讯、头条、京东、IBM等等）佛渡有缘人
# 简介经过招聘季每个人都会有相当多的面试经历,对我来说把这些写出来一方面是为了学习,另外一方面也希望能够为之后求职的同学提供一定的借鉴意义我的笔试经历会把主要记得的题目列出来我的面试经历详细介 ...
音乐播放器WebApp
项目背景: 音乐播放器WebApp是我在自学了vue之后,独自完成的一个项目,目的是把所学的vue知识点实际的综合应用起来. 项目简介: 本项目包括五大块,分别是:用户中心.推荐.歌手.排行和搜索.在 ...
2022常见前端基础面试题
-CSS/HTML部分- 这部分可能会先问你css和html5都增加了那些新元素,然后扩展着问 0.css布局方式 1.table布局(现在少用) 2.flex布局 3.float布局 4.响应式布局 ...
《HTML5 移动Web App阅读器》随笔
一.Web App介绍 1.HTML5应用场景 (1)PC端web站点(pc端网站开发) (2)基于WebView的hybrid native App开发 (融合WebApp与MobileApp混合开 ...
简单理解JSONP的定义及其实现
前戏写的很详细了,应该很好懂. 注:文中代码均是截取的代码片段,仅供参考和理解,酌情复制. 正文同源策略同源策略规定只在协议相同.域名相同.端口相同的情况下,也就是两个网页同源时,才能读写对方的 ...
jsonp react 获取返回值_谈谈对 React 新旧生命周期的理解
前言在写这篇文章的时候,React 已经出了 17.0.1 版本了,虽说还来讨论目前 React 新旧生命周期有点晚了,React 两个新生命周期虽然出了很久,但实际开发我却没有用过,因为 Reac ...

对于jsonp的理解

对于jsonp的理解相关推荐

最新文章

热门文章