简单介绍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 相关文章推荐
JQuery困惑—包装集 DOM节点
Oct 16 Javascript
Extjs学习笔记之六 面版
Jan 08 Javascript
子窗口、父窗口和Silverlight之间的相互调用
Aug 16 Javascript
IE图片缓存document.execCommand(&quot;BackgroundImageCache&quot;,false,true)
Mar 01 Javascript
jQuery页面图片伴随滚动条逐渐显示的小例子
Mar 21 Javascript
js截取字符串的两种方法及区别详解
Nov 05 Javascript
jQuery中多个元素的Hover事件解决方案
Jun 12 Javascript
js实现select组件的选择输入过滤代码
Oct 14 Javascript
浅谈JSON和JSONP区别及jQuery的ajax jsonp的使用
Nov 23 Javascript
聊一聊JS中的prototype
Sep 29 Javascript
浅谈vue中使用编辑器vue-quill-editor踩过的坑
Aug 03 Javascript
js canvas实现五子棋小游戏
Jan 22 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连接MongoDB示例代码
2012/09/06 PHP
php下载excel无法打开的解决方法
2013/12/24 PHP
检查用户名是否已在mysql中存在的php写法
2014/01/20 PHP
php分页代码学习示例分享
2014/02/20 PHP
php使用cookie实现记住登录状态
2015/04/27 PHP
JavaScript回调(callback)函数概念自我理解及示例
2013/07/04 Javascript
jquery 实现密码框的显示与隐藏示例代码
2013/09/18 Javascript
JavaScript的继承的封装介绍
2013/10/15 Javascript
JS获得浏览器版本和操作系统版本的例子
2014/05/13 Javascript
用Jquery选择器计算table中的某一列某一行的合计
2014/08/13 Javascript
Javascript模块化编程详解
2014/12/01 Javascript
深入理解JavaScript系列(42):设计模式之原型模式详解
2015/03/04 Javascript
Bootstrap入门书籍之(四)菜单、按钮及导航
2016/02/17 Javascript
ArtEditor富文本编辑器增加表单提交功能
2016/04/18 Javascript
vue.js实现二级菜单效果
2019/10/19 Javascript
python实时分析日志的一个小脚本分享
2017/05/07 Python
python3获取当前文件的上一级目录实例
2018/04/26 Python
对Python 两大环境管理神器 pyenv 和 virtualenv详解
2018/12/31 Python
Python中的heapq模块源码详析
2019/01/08 Python
python实现文件助手中查看微信撤回消息
2019/04/29 Python
Python3的unicode编码转换成中文的问题及解决方案
2019/12/10 Python
在python中logger setlevel没有生效的解决
2020/02/21 Python
Python基于pandas绘制散点图矩阵代码实例
2020/06/04 Python
Python实时监控网站浏览记录实现过程详解
2020/07/14 Python
python中HTMLParser模块知识点总结
2021/01/25 Python
纯CSS实现聊天框小尖角、气泡效果
2014/04/04 HTML / CSS
美国折衷生活方式品牌:Robert Graham
2018/07/13 全球购物
东方红海科技面试题软件测试方面
2012/02/08 面试题
商场活动策划方案
2014/01/24 职场文书
群众路线自查报告及整改措施
2014/11/04 职场文书
西安事变观后感
2015/06/12 职场文书
《乌鸦喝水》教学反思
2016/02/19 职场文书
500字作文之周记
2019/12/13 职场文书
CSS3 制作的彩虹按钮样式
2021/04/11 HTML / CSS
详解MySQL集群搭建
2021/05/26 MySQL
《地。-关于地球的运动-》单行本第七集上市,小说家朝井辽献上期待又害怕的推荐文
2022/03/31 日漫