简单介绍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 相关文章推荐
xml文档转换工具,附图表例子(hta)
Nov 17 Javascript
在js文件中写el表达式取不到值的原因及解决方法
Dec 23 Javascript
javascript抽象工厂模式详细说明
Dec 16 Javascript
jquery获取节点名称
Apr 26 Javascript
js带点自动图片轮播幻灯片特效代码分享
Sep 07 Javascript
跟我学习javascript的Date对象
Nov 19 Javascript
JQuery导航菜单选择特效
Apr 11 Javascript
原生JS实现的放大镜效果实例代码
Oct 15 Javascript
JavaScript中严格判断NaN的方法
Feb 16 Javascript
微信小程序列表时间戳转换实现过程解析
Oct 12 Javascript
Openlayers实现图形绘制
Sep 28 Javascript
vue项目实现减少app.js和vender.js的体积操作
Nov 12 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中防止SQL注入最好的方法是什么
2013/06/10 PHP
php中使用getimagesize获取图片、flash等文件的尺寸信息实例
2014/04/29 PHP
PHP的Socket通信之UDP通信实例
2015/07/02 PHP
Laravel中encrypt和decrypt的实现方法
2017/09/24 PHP
跨域传值即主页面与iframe之间互相传值
2013/12/09 Javascript
用IE重起计算机或者关机的示例代码
2014/03/10 Javascript
jquery实现人性化的有选择性禁用鼠标右键
2014/06/30 Javascript
禁用页面部分JavaScript不是全部而是部分
2014/09/03 Javascript
一览画面点击复选框后获取多个id值的方法
2016/05/30 Javascript
很棒的js Tab选项卡切换效果
2016/08/30 Javascript
如何利用模板将HTML从JavaScript中抽离
2016/10/08 Javascript
JavaScript仿支付宝6位数字密码输入框
2016/12/29 Javascript
vue实现树形菜单效果
2018/03/19 Javascript
Vue中使用的EventBus有生命周期
2018/07/12 Javascript
vue做移动端适配最佳解决方案(亲测有效)
2018/09/04 Javascript
vue style width a href动态拼接问题的解决
2020/08/07 Javascript
Python编码时应该注意的几个情况
2013/03/04 Python
跟老齐学Python之集成开发环境(IDE)
2014/09/12 Python
跟老齐学Python之关于类的初步认识
2014/10/11 Python
以911新闻为例演示Python实现数据可视化的教程
2015/04/23 Python
python&amp;MongoDB爬取图书馆借阅记录
2016/02/05 Python
python3中获取文件当前绝对路径的两种方法
2018/04/26 Python
python使用mitmproxy抓取浏览器请求的方法
2019/07/02 Python
python网络爬虫 CrawlSpider使用详解
2019/09/27 Python
keras 使用Lambda 快速新建层 添加多个参数操作
2020/06/10 Python
萨克斯第五大道精品百货店: Saks Fifth Avenue
2017/04/28 全球购物
青年创业培训欢迎词
2014/01/10 职场文书
会计顶岗实习心得
2014/01/25 职场文书
护理专科自荐书范文
2014/02/18 职场文书
生日庆典策划方案
2014/06/02 职场文书
缓刑期间思想汇报范文
2014/10/10 职场文书
教师党的群众路线学习心得体会
2014/11/04 职场文书
电影红河谷观后感
2015/06/11 职场文书
《我是什么》教学反思
2016/02/16 职场文书
八年级数学教学反思
2016/02/17 职场文书
python 使用Tensorflow训练BP神经网络实现鸢尾花分类
2021/05/12 Python