简单介绍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 相关文章推荐
ExtJS下grid的一些属性说明
Dec 13 Javascript
JS+JSP checkBox 全选具体实现
Jan 02 Javascript
使用npm发布Node.JS程序包教程
Mar 02 Javascript
JS与jQ读取xml文件的方法
Dec 08 Javascript
老生常谈JavaScript 函数表达式
Sep 01 Javascript
ajax实现加载页面、删除、查看详细信息 bootstrap美化页面!
Mar 14 Javascript
weex slider实现滑动底部导航功能
Aug 28 Javascript
使用Vue组件实现一个简单弹窗效果
Apr 23 Javascript
小程序图片剪裁加旋转的示例代码
Jul 10 Javascript
vue过滤器用法实例分析
Mar 15 Javascript
微信小程序 this.triggerEvent()的具体使用
Dec 10 Javascript
js调用网络摄像头的方法
Dec 05 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编译安装时常见错误解决办法
2015/05/28 PHP
thinkphp 手机号和用户名同时登录
2017/01/20 PHP
php使用parse_str实现查询字符串解析到变量中的方法
2017/02/17 PHP
PHP设计模式之委托模式定义与用法简单示例
2018/08/13 PHP
javascript 函数使用说明
2010/04/07 Javascript
jquery Mobile入门—外部链接切换示例代码
2013/01/08 Javascript
jquery 定位input元素的几种方法小结
2013/07/28 Javascript
Javascript学习笔记之函数篇(四):arguments 对象
2014/11/23 Javascript
浅谈jQuery中的事件
2015/03/23 Javascript
简介可以自动完成UI的AngularJS工具angular-smarty
2015/06/23 Javascript
JS模仿手机端九宫格登录功能实现代码
2016/04/28 Javascript
js根据手机客户端浏览器类型,判断跳转官网/手机网站多个实例代码
2016/04/30 Javascript
jQuery 3.0十大新特性最终版发布
2016/07/14 Javascript
解析jquery easyui tree异步加载子节点问题
2017/03/08 Javascript
微信小程序自定义组件
2017/08/16 Javascript
详解webpack3如何正确引用并使用jQuery库
2017/08/26 jQuery
基于cropper.js封装vue实现在线图片裁剪组件功能
2018/03/01 Javascript
Vue三层嵌套路由的示例代码
2018/05/05 Javascript
JavaScript实现异步图像上传功能
2018/07/12 Javascript
js如何获取图片url的Blob值并预览示例代码
2019/03/07 Javascript
详解小程序中h5页面onShow实现及跨页面通信方案
2019/05/30 Javascript
js验证账户名是否重复
2020/05/26 Javascript
[00:17]DOTA2荣耀之路5:It’s a disastah!
2018/05/28 DOTA
[03:15]DOTA2-DPC中国联赛1月22日Recap集锦
2021/03/11 DOTA
python远程登录代码
2008/04/29 Python
python 实现识别图片上的数字
2019/07/30 Python
详解Python3 pickle模块用法
2019/09/16 Python
使用SVG实现提示框功能的示例代码
2020/06/05 HTML / CSS
Java面试题及答案
2012/09/08 面试题
C#里面如何倒序排列一个数组的元素?
2013/06/21 面试题
实习鉴定范文
2013/12/19 职场文书
校运会入场式解说词
2014/02/10 职场文书
采购求职信
2014/03/17 职场文书
护士求职信范文
2014/05/24 职场文书
医学专业自荐信
2014/06/14 职场文书
员工工作心得体会
2019/05/07 职场文书