简单介绍jsonp 使用小结


Posted in Javascript onJanuary 27, 2016

Jsonp(JSON with Padding) 是 json 的一种"使用模式",可以让网页从别的域名(网站)那获取资料,即跨域读取数据。

为什么我们从不同的域(网站)访问数据需要一个特殊的技术(JSONP )呢?这是因为同源策略。

同源策略,它是由Netscape提出的一个著名的安全策略,现在所有支持JavaScript 的浏览器都会使用这个策略。

首先:jsonp是json用来跨域的一个东西。

原理是通过script标签的跨域特性来绕过同源策略。

经过测试实验:

发送端:

$.ajax({
type : "post",
url : "ajax.php",
dataType : "jsonp",
jsonp: "callback",//传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(默认为:callback)
jsonpCallback:"jsonpcallback",//自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名
success : function(json){
alert('success');
},
error:function(){
alert('fail');
}
});

服务器端(php):

<?php
$data = "aaa";
$callback = $_GET['callback'];
echo $callback.'('.json_encode($data).')';
exit;
?>
Javascript 相关文章推荐
javascript针对DOM的应用分析(三)
Apr 15 Javascript
实例解析jQuery插件EasyUI最常用的表单验证规则
Nov 29 Javascript
Vuejs第七篇之Vuejs过渡动画案例全面解析
Sep 05 Javascript
jQuery实现立体式数字滚动条增加效果
Dec 21 Javascript
Javascript同时声明一连串(多个)变量的方法
Jan 23 Javascript
Angular 4依赖注入学习教程之组件服务注入(二)
Jun 04 Javascript
详解Vue-cli代理解决跨域问题
Sep 27 Javascript
vue项目中axios使用详解
Feb 07 Javascript
Vue 去除路径中的#号
Apr 19 Javascript
微信小程序实现渐入渐出动画效果
Jun 13 Javascript
React中使用UMEditor的方法示例
Dec 27 Javascript
微信jssdk踩坑之签名错误invalid signature
May 19 Javascript
理解javascript异步编程
Jan 27 #Javascript
js实现的鼠标滚轮滚动切换页面效果(类似360默认页面滚动切换效果)
Jan 27 #Javascript
AngularJS转换响应内容
Jan 27 #Javascript
jQuery+css实现的切换图片功能代码
Jan 27 #Javascript
javascript中的3种继承实现方法
Jan 27 #Javascript
jQuery+css实现的换页标签栏效果
Jan 27 #Javascript
js实现的彩色方块飞舞奇幻效果
Jan 27 #Javascript
You might like
PHP+FLASH实现上传文件进度条相关文件 下载
2007/07/21 PHP
在SAE上搭建最新wordpress的方法
2014/12/21 PHP
总结PHP中数值计算的注意事项
2016/08/14 PHP
用javascript编写的第一人称射击游戏
2007/02/25 Javascript
IE 缓存策略的BUG的解决方法
2007/07/21 Javascript
php对mongodb的扩展(初识如故)
2012/11/11 Javascript
Javascript表格翻页效果实现思路及代码
2013/08/23 Javascript
JS分页效果示例
2013/10/11 Javascript
AngularJS全局scope与Isolate scope通信用法示例
2016/11/22 Javascript
bootstrap table之通用方法( 时间控件,导出,动态下拉框, 表单验证 ,选中与获取信息)代码分享
2017/01/24 Javascript
Vue-Cli中自定义过滤器的实现代码
2017/08/12 Javascript
关于Vue中axios的封装实例详解
2019/10/20 Javascript
js实现限定范围拖拽的示例
2020/10/26 Javascript
在Python的Django框架中包装视图函数
2015/07/20 Python
深入解析Python编程中super关键字的用法
2016/06/24 Python
numpy中的高维数组转置实例
2018/04/17 Python
python基于TCP实现的文件下载器功能案例
2019/12/10 Python
用python拟合等角螺线的实现示例
2019/12/27 Python
pytorch:torch.mm()和torch.matmul()的使用
2019/12/27 Python
使用Tensorflow将自己的数据分割成batch训练实例
2020/01/20 Python
TensorFlow实现指数衰减学习率的方法
2020/02/05 Python
浅谈spring boot 集成 log4j 解决与logback冲突的问题
2020/02/20 Python
django model的update时auto_now不被更新的原因及解决方式
2020/04/01 Python
python异步Web框架sanic的实现
2020/04/27 Python
windows10在visual studio2019下配置使用openCV4.3.0
2020/07/14 Python
详解css3自定义滚动条样式写法
2017/12/25 HTML / CSS
JBL澳大利亚官方商店:扬声器、耳机和音响系统
2018/05/24 全球购物
精美的手工家居和生活用品:Nkuku
2019/11/01 全球购物
老师给学生的表扬信
2014/01/17 职场文书
幼儿园中班下学期评语
2014/04/18 职场文书
实习协议书
2015/01/27 职场文书
恋恋笔记本观后感
2015/06/16 职场文书
担保公司2015年终工作总结
2015/10/14 职场文书
2016年党员创先争优承诺书
2016/03/25 职场文书
手把手教你导入Go语言第三方库
2021/08/04 Golang
SpringBoot系列之MongoDB Aggregations用法详解
2022/02/12 MongoDB