简单介绍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教程
Jun 09 Javascript
javascript 获取元素位置的快速方法 getBoundingClientRect()
Nov 26 Javascript
jQuery多项选项卡的实现思路附样式及代码
Jun 03 Javascript
30个经典的jQuery代码开发技巧
Dec 15 Javascript
jQuery+css3实现转动的正方形效果(附demo源码下载)
Jan 27 Javascript
jQuery实现div横向拖拽排序的简单实例
Jul 13 Javascript
基于BootStrap与jQuery.validate实现表单提交校验功能
Dec 22 Javascript
vue轻量级框架无法获取到vue对象解决方法
May 12 Javascript
Layui表格监听行单双击事件讲解
Nov 14 Javascript
vue keep-alive列表页缓存 详情页返回上一页不刷新,定位到之前位置
Nov 26 Javascript
node使用mysql获取数据库数据中文乱码问题的解决
Dec 02 Javascript
JavaScript实现简易计算器小功能
Oct 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
叶罗丽:为什么大家对颜冰这对CP非常关心,却对金茉两人十分冷漠
2020/03/17 国漫
php控制linux服务器常用功能 关机 重启 开新站点等
2012/09/05 PHP
php提交表单发送邮件的方法
2015/03/20 PHP
Laravel路由研究之domain解决多域名问题的方法示例
2019/04/04 PHP
如何在PHP中生成随机数
2020/06/04 PHP
node.js集成百度UE编辑器
2015/02/05 Javascript
js实现简单鼠标跟随效果的方法
2015/04/10 Javascript
基于javascript实现图片切换效果
2016/04/17 Javascript
分类解析jQuery选择器
2016/11/23 Javascript
Bootstrap导航条的使用和理解3
2016/12/14 Javascript
vue2 中如何实现动态表单增删改查实例
2017/06/09 Javascript
Ajax高级笔记 JavaScript高级程序设计笔记
2017/06/22 Javascript
vue.js实现刷新当前页面的方法教程
2017/07/05 Javascript
JavaScript学习笔记之数组基本操作示例
2019/01/09 Javascript
微信小程序实现单列下拉菜单效果
2019/04/25 Javascript
Vue项目实现换肤功能的一种方案分析
2019/08/28 Javascript
Python的内存泄漏及gc模块的使用分析
2014/07/16 Python
python 生成器协程运算实例
2017/09/04 Python
Python用于学习重要算法的模块pygorithm实例浅析
2018/08/16 Python
Django如何实现上传图片功能
2019/08/16 Python
Python获取、格式化当前时间日期的方法
2020/02/10 Python
Python 如何调试程序崩溃错误
2020/08/03 Python
Python实现Kerberos用户的增删改查操作
2020/12/14 Python
匡威意大利官方商店 :Converse意大利
2018/11/27 全球购物
维德科技C#面试题笔试题
2015/12/09 面试题
软件测试工程师笔试题带答案
2015/03/27 面试题
如何安装ruby on rails
2014/02/09 面试题
国庆节文艺活动方案
2014/02/03 职场文书
自动化毕业生专业自荐书范文
2014/02/04 职场文书
大学学习个人的自我评价
2014/02/18 职场文书
奥利奥广告词
2014/03/20 职场文书
商业计算机应用专业自荐书
2014/06/09 职场文书
验房委托书
2014/08/30 职场文书
教师节横幅标语
2014/10/08 职场文书
2015年学校管理工作总结
2015/07/20 职场文书
Python办公自动化PPT批量转换操作
2021/09/15 Python