[toc] 1. 定义 在HTML 中, script 标签有两个个性质: 1. script 标签可以不受同源策略的限制去访问服务器资源, 即script 标签不存在跨域问题 2. script 加载的内容为JavaScript 代码时, 会立即执行一遍JavaScript 代码 我们利用这一性质 ...
分类：
Web程序 时间：
2020-04-27 09:23:13
阅读次数：
64
JSONP(JSON with Padding)、可用于解决主流浏览器的跨域数据访问的问题 原理： 服务端返回一个预先定义好的javascript函数的调用，并且将服务器的数据以该函数参数的形式传递过来，这个方法需要前后端配合。 同源: ? 域名、端口、协议全都相同就是同源 跨域: ? 不同源则为跨 ...
分类：
Web程序 时间：
2020-04-22 10:08:04
阅读次数：
73
1. jsonp 1) JSONP原理 利用 <script> 标签没有跨域限制的漏洞，网页可以得到从其他来源动态产生的 JSON 数据。JSONP请求一定需要对方的服务器做支持才可以。 2) JSONP和AJAX对比 JSONP和AJAX相同，都是客户端向服务器端发送请求，从服务器端获取数据的方式 ...
分类：
其他好文 时间：
2020-04-22 09:58:51
阅读次数：
60
在 Javascript 中跨域访问是比较常见的事情，这次记录使用flask写后端API，前端ajax调用时产生的跨域问题。 问题描述：跨域资源引起CORB。 解决方案： jsonp解决跨域问题 前端代码： // 回掉函数，默认callback=jQuery30004159376653216822_ ...
分类：
Web程序 时间：
2020-04-13 12:38:28
阅读次数：
81
jQuery实现JSONP $.getJSON实现跨域 $.getJSON("http://localhost:8080/bean?callback=?", {id:2,name:'李四',sex:'男'}, function(data) { alert(data.id+data.name+data ...
分类：
Web程序 时间：
2020-04-11 00:15:03
阅读次数：
110
1、安装jsonp cnpm install --save jsonp 2、jsonp API jsonp( url, opts, fn ) 3、封装jsonp方法 src/assets/js/jsonp.js import jsonp from 'jsonp'; /*data格式案例 { id:1 ...
分类：
Web程序 时间：
2020-04-06 15:54:03
阅读次数：
74
跨域的产生就是因为浏览器的同源策略。它是浏览器的核心安全功能，所谓的同源，就是指域名，协议，还有端口要相同。传统的方案就是JSONP（前端处理方案），但是JSONP有很大的局限性，就是只支持GET请求，所以不能满足我们的需求，而CORS（Cross-origin-resource sharing）跨 ...
分类：
编程语言 时间：
2020-04-06 13:25:21
阅读次数：
80
JSON json是 JavaScript Object Notation 的首字母缩写，单词的意思是javascript对象表示法，这里说的json指的是类似于javascript对象的一种数据格式，目前这种数据格式比较流行，逐渐替换掉了传统的xml数据格式。 JSON是行业内使用最为广泛的数据格 ...
分类：
Web程序 时间：
2020-04-05 09:48:34
阅读次数：
86
JSON 是一种轻量的数据交互格式，与 AJAX 配合完成前端与服务端的信息传递，本文介绍 JSON 的使用、原生 AJAX 写法、JSONP 跨域解决方法以及 AJAX 和 JSONP 工具函数的封装 ...
分类：
编程语言 时间：
2020-04-04 09:29:24
阅读次数：
71
前端面试基础总结 1、跨域解决办法: 1、 通过jsonp跨域 2、 document.domain + iframe跨域 3、 location.hash + iframe 4、 window.name + iframe跨域 5、 postMessage跨域 6、 跨域资源共享（CORS） 7、 ...
分类：
其他好文 时间：
2020-04-03 22:10:29
阅读次数：
108
