jsonp

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> （一）场景 在拉京东城市选择的基础数据时候，遇到被服务器拒绝的情况，也就是ajax跨域问题 （二）json和jsonp 说的直白一点，在我们做ajax异步的一些功能的时候，一定会或多或少的遇到两个问题，（1、数据的交换。2、跨域问题） JSONP的最基本的原理是：动态添加一个<script>标签，而script标签的src属性是没有跨域的限制的。这样说来，这种跨域方式其实与ajax XmlHttpRequest协议无关了。我们在用其他关于src的标签的时候，都可以跨域。所以我们只要动态构造的src标签同样可以做到跨域。 ? 1 2 3 4 5 6 7 <script type="text/javascript"> function jsonpCallback (result) { alert(result.msg); } </script> <script type="text/javascript" src=" http://crossdomain.com/jsonServerResponse?jsonp= jsonpCallback "></script> 从红色的地方可以看出，两个名字要一直，不过一般采用callback然后后面加一个“？”此时jquery会自动生成一个函数名

关于jsonp的总结 一. 解决的问题 jsonp只能解决GET类型的ajax请求跨域问题 jsonp请求不是ajax请求, 而是一般的get请求 二. 基本原理(分3部) 浏览器端: 动态生成<script>来请求后台接口(src就是接口的url) 定义好用于接收响应数据的函数(fn), 并将函数名通过请求参数提交给后台(如: callback=fn) 服务器端: 接收到请求处理产生结果数据后, 返回一个函数调用的js代码, 并将结果数据作为实参传入函数调用 浏览器端: 收到响应自动执行函数调用的js代码, 也就执行了提前定义好的回调函数, 并得到了需要的结果数据 三. 实际应用 若要想在自己的项目中获取百度地图API中的天气信息 直接调取是不行的 会产出跨域 所以可以使用 npm 中的 jsonp包 来发请求 安装 npm i jsonp or yarn add jsonp 不要直接使用 要封装成 promise 在外边可以用 async await 调用 /* json请求的接口请求函数 */ export const reqWeather = (city) => { return new Promise((resolve, reject) => { const url = `http://api.map.baidu.com/telematics/v3/weather

JSONP Hijackin的中文意思是JSON劫持，而能产生JSON数据劫持的原因在于前端被跨站攻击了。跨站=跨域，跨域从字面上理解的话，就是指超出了范围、领域。继续追问一下，那超出了什么范围？原来指的范围有多大？理解跨站攻击的基础在于理解这个域有多大。为了更准确的理解JSON Hijackin攻击，建议读者可以先了解一下如下几个背景知识： 域概念 （下文会介绍） JSON （搜索引擎查一下） 接口回调 （建议看我之前的文章： https://www.cnblogs.com/mysticbinary/p/11869181.html ） 域概念解释 在计算机领域里很多地方都会用到这个 域 ，而不同地方所包含的含义却是不相同的，比如说写代码定义的变量有作用域，在局域网建设中有网络域，Internet有一项核心服务是域名解析系统（DNS）。本文所讨论的域就是指DNS的域名。 DNS的工作原理： 在全球各地有众多服务器（分布式），在这些服务器里面都同步的保存着域名和IP的一一映射，这样人们就可以不用记住枯燥的IP地址，只记住有意思的单词域名就行了。 域介绍： 域通过一个点 . 来来分开一个域。域名不区分大小写，有唯一性，跟身份证号一样，是独一无二点。 域分类： 域名又分 顶级域名 和 其它域名 ，顶级域名就是如下这些，被预先定义好的， 可以理解为世界上有一个组织专门在管理