简单介绍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 相关文章推荐
判断脚本加载是否完成的方法
May 26 Javascript
Javascript中找到子元素在父元素内相对位置的代码
Jul 21 Javascript
JS实现淘宝幻灯片效果的实现方法
Mar 22 Javascript
JavaScript通过字符串调用函数的实现方法
Mar 18 Javascript
如何解决ligerUI布局时Center中的Tab高度大小
Nov 24 Javascript
JavaScript模块化开发之SeaJS
Dec 13 Javascript
JS原型对象的创建方法详解
Jun 16 Javascript
layui表格checkbox选择全选样式及功能的实例
Mar 07 Javascript
Nuxt升级2.0.0时出现的问题(小结)
Oct 08 Javascript
vue缓存的keepalive页面刷新数据的方法
Apr 23 Javascript
Node.js从字符串生成文件流的实现方法
Aug 18 Javascript
如何利用JavaScript编写更好的条件语句详解
Aug 10 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
使用array mutisort 实现按某字段对数据排序
2013/06/18 PHP
PHP JS Ip地址及域名格式检测代码
2013/09/27 PHP
PHP的error_reporting错误级别变量对照表
2014/07/08 PHP
OAuth认证协议中的HMACSHA1加密算法(实例)
2017/10/25 PHP
laravel框架上传图片实现实时预览功能
2019/10/14 PHP
jquery 触发a链接点击事件解决方案
2013/05/02 Javascript
根据选择不同的下拉值出现相对应的文本输入框
2013/08/01 Javascript
判断js对象是否拥有某一个属性的js代码
2013/08/16 Javascript
异步动态加载js与css文件的js代码
2013/09/15 Javascript
javascript实现汉字转拼音代码分享
2015/04/20 Javascript
jquery预加载图片的方法
2015/05/27 Javascript
跟我学习JScript的Bug与内存管理
2015/11/18 Javascript
javascript实现拖动元素交换位置
2015/11/29 Javascript
angular过滤器实现排序功能
2017/06/27 Javascript
基于javascript 显式转换与隐式转换(详解)
2017/12/15 Javascript
nodejs中密码加密处理操作详解
2018/03/20 NodeJs
webpack4.x开发环境配置详解
2018/08/04 Javascript
VuePress 静态网站生成方法步骤
2019/02/14 Javascript
Python实现telnet服务器的方法
2015/07/10 Python
Python Pandas批量读取csv文件到dataframe的方法
2018/10/08 Python
通过python的matplotlib包将Tensorflow数据进行可视化的方法
2019/01/09 Python
django 实现编写控制登录和访问权限控制的中间件方法
2019/01/15 Python
Python读取表格类型文件代码实例
2020/02/17 Python
python实现俄罗斯方块小游戏
2020/04/24 Python
深入浅析python 中的self和cls的区别
2020/06/20 Python
html5播放视频且动态截图实现步骤与代码(支持safari其他未测试)
2013/01/06 HTML / CSS
JD Sports意大利:英国篮球和运动时尚的领导者
2017/10/29 全球购物
Desigual英国官网:在线购买原创服装
2018/03/09 全球购物
英国假睫毛购买网站:FalseEyelashes.co.uk
2018/05/23 全球购物
意大利领先的奢侈品在线时装零售商:MCLABELS
2020/10/13 全球购物
七一建党节演讲稿
2014/09/11 职场文书
销售内勤岗位职责
2015/02/10 职场文书
2015年七一建党节活动总结
2015/03/20 职场文书
2016年世界艾滋病日宣传活动总结
2016/04/01 职场文书
php TP5框架生成二维码链接
2021/04/01 PHP
Mysql中where与on的区别及何时使用详析
2021/08/04 MySQL