为什么要把jsonp理解的那么神圣？一个动态的js文件而已

zhjx922 发布于2019-08-19 18:08 / 1259人阅读

摘要：正常的引入文件是如何引入的如果内容如下会发生什么显然，中会弹出第一次改造如果改成同样会弹出再变形控制台就会输出这个对象恩，看到这里还不明白的原理继续这里的不再是静态，而是一个服务器动态输出的文件，并且带了一个参数，这个参数给后台，告诉后台，

正常的引入js文件是如何引入的？

demo.html

如果script.js内容如下会发生什么？

alert(1);

显然，demo.html中会弹出1

第一次改造：

如果demo.html改成

script.js

show(1);

同样会弹出1

再变形
demo.html

script.js

show({
    a:1
})

控制台就会输出{a:1}这个对象

恩，看到这里还不明白jsonp的原理？

继续：
demo.html

这里的script.js不再是静态js，而是一个服务器动态输出的js文件，并且带了一个参数，这个参数给后台，告诉后台，以什么名字返回数据

script.php

$back=$_GET["backname"];
echo $back."({"a":1})";

完结，代码简陋，说明问题即可

服务器托管专线服务为什么国外的vps那么便宜 webrtc的源码为什么那么大 js闭包的理解你理解中的云服务器ecs是什么

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/79234.html

破解浏览器同源政策利器之JSONP

摘要：本文是在了解了浏览器的同源规则之后，学习了破解这个规则的一个简单有效的方法。所以，年公司火狐的前身提出了浏览器的同源政策，目的是保护使用网站的用户的信息安全。本文是在了解了浏览器的同源规则之后，学习了破解这个规则的一个简单有效的方法->JSONP。主要通过阮一峰老师的博客学习浏览器的同源规则有这样一个背景，如果你通过银行的网站进行的取钱的交易，而其他用户可以通过某个渠道获得你在...

Keagan 2019-08-26 11:43 评论0 收藏0
JSONP原理

摘要：高级部分前后端联动浏览器服务器数据库是什么文件系统是一种数据库是一种数据库也是一个软件只要能长久地存数据，就是数据库前后端如何配合接下来我们用一个文件充当数据库实际上数据库的存储内容本质就是一个带有结构的文件捋一捋前后端交互的过程代码在这里 jsonp javascript高级部分:前后端联动,浏览器+服务器 1数据库是什么文件系统是一种数据库MySQL 是一种数据库,也是一个软件只...

testHs 2019-08-23 10:28 评论0 收藏0
为什么是 JSONP

摘要：因为有同源策略，而在实际开发中又常常会有跨域的需求，早期开发者为了解决跨域问题而搞出来这样一个颇为奇怪的东西。安全早期的浏览器处于安全层面的考量，制定同源策略，限制了一个源中加载文本或脚本与来自其它源中资源的交互方式。 AJAX、JSON、JSONP 在 WEB 开发中，经常见到诸如 AJAX、JSON、JSONP 这些名词。三者看起来很像，很多同学尤其是没有系统了解过前端技术体系的同...

iKcamp 2019-08-21 13:44 评论0 收藏0
原来你是这样的jsonp(原理与具体实现细节)

摘要：但是有可能还不太它内部具体是如何实现一个的，从请求的发出，到指定的成功或失败回调函数的执行。服务端会解析请求的至少拿到一个回调函数比如参数之后将数据放入其中返回给客户端。前言原文地址仓库地址 jsonp(JSON with padding)你一定不会陌生，前端向后端拿数据的方式之一，也是处理跨域请求的得利助手。我们早已习惯，早已熟练了jQ或者zepto的ajax调用方式。但是...

DangoSky 2019-08-21 11:44 评论0 收藏0