简单介绍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 相关文章推荐
使两个iframe的高度与内容自适应,且相等
Nov 20 Javascript
event.srcElement 用法笔记e.target
Dec 18 Javascript
使用JavaScript实现Java的List功能(实例讲解)
Nov 07 Javascript
js清空表单数据的两种方式(遍历+reset)
Jul 18 Javascript
jQuery EasyUI 菜单与按钮之创建简单的菜单和链接按钮
Nov 18 Javascript
jQuery树形控件zTree使用小结
Aug 02 Javascript
使用mint-ui开发项目的一些心得(分享)
Sep 07 Javascript
Vue.js进阶知识点总结
Apr 01 Javascript
vue实现验证码按钮倒计时功能
Apr 10 Javascript
angular.js实现列表orderby排序的方法
Oct 02 Javascript
Vue中的基础过渡动画及实现原理解析
Dec 04 Javascript
vuex的数据渲染与修改浅析
Nov 26 Vue.js
理解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
Twig模板引擎用法入门教程
2016/01/20 PHP
基于PHP实现用户注册登录功能
2016/10/14 PHP
php读取qqwry.dat ip地址定位文件的类实例代码
2016/11/15 PHP
PHP实现Redis单据锁以及防止并发重复写入
2018/04/10 PHP
PHP集成环境XAMPP的安装与配置
2018/11/13 PHP
PHP如何实现阿里云短信sdk灵活应用在项目中的方法
2019/06/14 PHP
Laravel5.1框架注册中间件的三种场景详解
2019/07/09 PHP
鼠标滑上去后图片放大浮出效果的js代码
2011/05/28 Javascript
js实现两个值相加alert出来精确到指定位
2013/09/25 Javascript
关于Javascript 对象(object)的prototype
2014/05/09 Javascript
JS简单实现多级Select联动菜单效果代码
2015/09/06 Javascript
JS实现的另类手风琴效果网页内容切换代码
2015/09/08 Javascript
jQuery实现的自定义滚动条实例详解
2016/09/20 Javascript
bootstrap为水平排列的表单和内联表单设置可选的图标
2017/02/15 Javascript
Js面试算法详解
2018/04/08 Javascript
vue使用vue-i18n实现国际化的实现代码
2018/04/08 Javascript
小程序如何自主实现拦截器的示例代码
2019/11/04 Javascript
vue 解决data中定义图片相对路径页面不显示的问题
2020/08/13 Javascript
js实现限定范围拖拽的示例
2020/10/26 Javascript
python client使用http post 到server端的代码
2013/02/10 Python
Fabric 应用案例
2016/08/28 Python
解决Python获取字典dict中不存在的值时出错问题
2018/10/17 Python
Python实现批量修改图片格式和大小的方法【opencv库与PIL库】
2018/12/03 Python
简单了解Python3里的一些新特性
2019/07/13 Python
Python中and和or如何使用
2020/05/28 Python
C#如何进行LDAP用户校验
2012/11/21 面试题
初入社会应届生求职信
2013/11/18 职场文书
工程业务员工作职责
2013/12/07 职场文书
上班离岗检讨书
2014/01/27 职场文书
初二学习计划书范文
2014/04/27 职场文书
2014年最新个人对照检查材料范文
2014/09/25 职场文书
代领报检证委托书范本
2014/10/11 职场文书
教师党员批评与自我批评发言稿
2014/10/15 职场文书
青春雷锋观后感
2015/06/10 职场文书
教师节座谈会主持词
2015/07/03 职场文书
详解JS ES6编码规范
2021/05/07 Javascript