什么是jsonp，工作原理是什么？为什么不是真正的ajax？

于 2021-12-11 09:29:16 发布
阅读量640 收藏 1
点赞数
文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yd_family/article/details/121868807
版权

JSONP:是一种解决跨域限制问题的一种方式

工作原理：前端使用一个script标签来创建一个HTPP请求，并事先声明一个回调函数，该回调函数的名字由callback参数的参数值发送给后端，后端接收到来自前端的请求后利用callback参数的参数值和要给前端返回的数据拼接成一段js执行函数的代码段，此时实参就是要返回给前端的数据，前端接收到后端返回的结果后，会自动执行事先声明好的回调函数，此时函数的形参就代表了后端要返回的数据

为什么不是真正的ajax

       JSONP可用于解决主浏览器的跨域，数据访问的问题，与JSON没关系，只是一种跨域访问的技巧，ajax的核心是用过XMTHttpRequest获取非本页内容，JSONP的核心是动态添加script标签调用服务器提供的js脚本；jsonp只支持get请求，ajax支持get和post请求

YD_family
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
解释 jsonp 的原理，以及为什么不是真正的 ajax?
人生代码 ---- 公众号
10-13 1658
jsonp的原理:就是利用浏览器可以动态地插入一段js并执行的特点完成的。 2.为什么不是真正的 ajax? ajax的核心是 ： 通过XmlHttpRequest获取非本页内容， jsonp的核心 ： 动态添加<script>标签来调用服务器提供的js脚本。 3…ajax和jsonp的调用方式很像，目的一样，都是请求url，然后把服务器返回的数据进行处理，因此jquery和e...
ajax和jsonp跨域的原理本质详解
10-18
跨域问题是我们在开发中经常会遇到的一个需求，下面这篇文章主要给大家介绍了关于ajax和jsonp跨域的原理本质，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着...
解释jsonp的原理，以及为什么不是真正的ajax？
LuckXinXin的博客
03-11 489
答： jsonp并不是一种数据格式，而json是一种数据格式，jsonp是用来解决跨域获取数据的一种解决方案，具体是通过动态创建script标签，然后通过标签的src属性获取js文件中的js脚本，该脚本的内容是一个函数调用，参数就是服务器返回的数据，为了处理这些返回的数据，需要事先在页面定义好回调函数，本质上使用的并不是ajax技术。 ...
解释 jsonp 的原理，以及为什么不是真正的 ajax
海阔天空
04-17 189
Jsonp 并不是一种数据格式，而 json 是一种数据格式，jsonp 是用来解决跨域获取数据 的一种解决方案，具体是通过动态创建 script 标签，然后通过标签的 src 属性获取 js 文件 中的 js 脚本，该脚本的内容是一个函数调用，参数就是服务器返回的数据，为了处理这些 返回的数据，需要事先在页面定义好回调函数，本质上使用的并不是 ajax 技术 ...
请解释JSONP的工作原理，以及它为什么不是真正的AJAX
高先生的猫
05-13 1175
JSONP是一种非正式传输协议，允许用户传递一个callback给服务端，然后服务端返回数据时会将这个callback 参数作为函数名来包裹住 JSON 数据，这样客户端就可以随意定制自己的函数来自动处理返回数据了。当GET请求从后台页面返回时，可以返回一段JavaScript代码，这段代码会自动执行，可以用来负责调用后台页面中的一个callback函数。 实质不同 ajax的核心是通过xmlHttpRequest获取非本页内容 jsonp的核心是动态添加script标签调用服务器提供的js脚本 json.
JSONP原理及简单实现
10-22
主要介绍了JSONP原理及简单实现的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下
jquery ajax中使用jsonp的限制解决方法
12-01
为什么要跨域 ajax 调用呢？这样可以在一个应用中直接在前端通过 js 调用另外一个应用（在不同的域名下）的 API。我们在实际应用中也用到了 jsonp ，但之前只知道 jsonp 的一个限制，只能发 get 请求，get 请求的...
什么是json和jsonp,jQuery json实例详详细说明
01-19
什么是JSON？ 前面简单说了一下，JSON是一种基于文本的数据交换方式，或者叫做数据描述格式，你是否该选用他首先肯定要关注它所拥有的优点。 JSON的优点： 1、基于纯文本，跨平台传递极其简单； 2、Javascript原生...
解释 jsonp 的原理，以及为什么不是真正的 ajax?
Nian1016的博客
08-03 679
JSONP原理: jsonp,即json+padding,动态创建script标签,利用script标签的src属性可以获取任何域下的js脚本,通过这个特性(也可以说漏洞),服务器端不在返货json格式,而是返回一段调用某个函数的js代码，在src中进行了调用，这样实现了跨域. ajax的核心是通过xmlHttpRequest获取内容, jsonp的核心则是动态添加 参考网址:htt...
20.(问答题)解释 jsonp 的原理，以及为什么不是真正的 ajax, 以及优缺点
weixin_46281185的博客
10-27 163
参考答案： jsonp 是用来解决跨域获取数据的一种解决方案，具体是通过动态创建 script 标签，然后通过标签的 src 属性获取 js 文件中的 js 脚本，该脚本的内容是一个函数调用，参数就是服务器返回的数据，为了处理这些返回的数据，需要事先在页面定义好回调函数，本质上使用的并不是 ajax 技术 优缺点 jsonp 优点: 完美解决在测试或者开发中获取不同域下的数据, 用户传递一个 callback 参数给服务端，然后服务端返回数据时会将这个 callback 参数作为函数名来包
jsonp的原理，以及为什么不是真正的ajax
ZQQD_CSDN的博客
10-22 99
动态创建script标签，回调函数 Ajax是页面无刷新请求数据操作
JSONP的原理，以及它为什么不是真正的 Ajax
M106588L的博客
07-18 393
JSONP（JSON with Padding）是一种非官方跨域数据交互协议，它允许在服务器端集成< script >标签返回至客**户端，通过javascript回调的形式实现跨域访问。 因为同源策略的原因，我们不能使用XMLHttpRequest与外部服务器进行通信，但是< script >可以访问外部资源，所以通过JSON与< script >相结...
深入剖析jsonp跨域原理
weixin_33962923的博客
12-17 323
在项目中遇到一个jsonp跨域的问题，于是仔细的研究了一番jsonp跨域的原理。搞明白了一些以前不是很懂的地方，比如： 1）jsonp跨域只能是get请求，而不能是post请求； 2）jsonp跨域的原理到底是什么； 3）除了jsonp跨域之外还有那些方法绕过“同源策略”，实现跨域访问； 4）jsonp和ajax，或者说jsonp和XMLHttpRequest是什么关系； 等等。 1....
解释jsonp的原理，以及为什么不是真正的ajax
weixin_30430169的博客
07-15 141
动态创建script标签，回调函数 Ajax是页面无刷新请求数据操作 转载于:https://www.cnblogs.com/wade1220/p/7182645.html
jsonp学习
nizen的专栏
09-18 3159
JSONP跨域的原理解析 (转自http://www.nowamagic.net/librarys/veda/detail/224) JavaScript是一种在Web开发中经常使用的前端动态脚本技术。在JavaScript中，有一个很重要的安全性限制，被称为“Same-Origin Policy”（同源策略）。这一策略对于JavaScript代码能够访问的页面内容做了很重要的限制，即J
ajax 和jsonp 不是一码事 细读详解
binggoogle的专栏
02-18 2879
http://blog.csdn.net/superhosts/article/details/9057301 JSON是一种数据交换格式，而JSONP是一种依靠开发人员的聪明才智创造出的一种非官方跨域数据交互协议。 JSON的优点： 1、基于纯文本，跨平台传递极其简单； 2、Javascript原生支持，后台语言几乎全部支持； 3、轻量级数据格式，占用字符数量极
什么是jsonp？——使用jsonp解决跨域请求问题
weixin_30732487的博客
06-15 105
　　 　　我们在使用ajax请求的时候经常会产生跨域问题，这是由于浏览器的同源策略导致的。所谓同源，即域名、协议、端口均相同，否则不管是静态页面还是动态网页或者web服务都无法通过ajax正常请求。有时候，我们可以通过jsonp来解决。 　　jsonp的数据传输方式是利用了 script标签src属性中的链接可以访问跨域的js脚本 这一特性（其实是js语言设计的一大漏洞哈哈），通过src...
为什么jsonp不是真正的Ajax？
最新发布
06-14
虽然 JSONP 可以实现跨域数据请求，但它并不是真正的 Ajax。 Ajax（Asynchronous JavaScript and XML）是一种在不刷新整个页面的情况下，通过 JavaScript 发送 HTTP 请求并获取响应数据的技术。Ajax 可以实现异步的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值