简单介绍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 相关文章推荐
jquery1.9 下检测浏览器类型和版本的方法
Dec 26 Javascript
Select标签下拉列表二级联动级联实例代码
Feb 07 Javascript
Jquery Ajax方法传值到action的方法
May 11 Javascript
JQuery拖动表头边框线调整表格列宽效果代码
Sep 10 Javascript
Javascript中的apply()方法浅析
Mar 15 Javascript
常用原生JS兼容性写法汇总
Apr 27 Javascript
前端页面文件拖拽上传模块js代码示例
May 19 Javascript
基于JavaScript实现无限加载瀑布流
Jul 21 Javascript
koa2使用ejs和nunjucks作为模板引擎的使用
Nov 27 Javascript
Vue.js路由实现选项卡简单实例
Jul 24 Javascript
javascript简单实现深浅拷贝过程详解
Oct 08 Javascript
node.js如何根据URL返回指定的图片详解
Oct 21 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基于socket实现的简单客户端和服务端通讯功能示例
2017/07/10 PHP
PHP正则表达式处理函数(PCRE 函数)实例小结
2019/05/09 PHP
PHP进阶学习之命名空间基本用法分析
2019/06/18 PHP
Yii 框架使用Forms操作详解
2020/05/18 PHP
使用js获取QueryString的方法小结
2010/02/28 Javascript
各种页面定时跳转(倒计时跳转)代码总结
2013/10/24 Javascript
浅析JavaScript中两种类型的全局对象/函数
2013/12/05 Javascript
自己封装的常用javascript函数分享
2015/01/07 Javascript
JS封装cookie操作函数实例(设置、读取、删除)
2015/11/17 Javascript
基于HTML5上使用iScroll实现下拉刷新,上拉加载更多
2016/05/21 Javascript
浅析JavaScript 箭头函数 generator Date JSON
2016/05/23 Javascript
漂亮! js实现颜色渐变效果
2016/08/12 Javascript
nodejs微信公众号支付开发
2016/09/19 NodeJs
Angularjs修改密码的实例代码
2017/05/26 Javascript
微信小程序实现给嵌套template模板传递数据的方式总结
2017/12/18 Javascript
JS简单获取并修改input文本框内容的方法示例
2018/04/08 Javascript
jQuery easyui datagird编辑行删除行功能的实现代码
2018/09/20 jQuery
JS字符串常用操作方法实例小结
2019/06/24 Javascript
Vue 中使用富文本编译器wangEditor3的方法
2019/09/26 Javascript
layui 阻止图片上传的实例(before方法)
2019/09/26 Javascript
Python和perl实现批量对目录下电子书文件重命名的代码分享
2014/11/21 Python
python实现指定字符串补全空格、前面填充0的方法
2018/11/16 Python
python面试题小结附答案实例代码
2019/04/11 Python
python中线程和进程有何区别
2020/06/17 Python
CSS3动画之流彩文字效果+图片模糊效果+边框伸展效果实现代码合集
2017/08/18 HTML / CSS
HTML5: Web 标准最巨大的飞跃
2008/10/17 HTML / CSS
基于HTML5 FileSystem API的使用介绍
2013/04/24 HTML / CSS
COACH德国官方网站:纽约现代奢侈品牌,1941年
2018/06/09 全球购物
LN-CC英国:伦敦时尚生活的缩影
2019/09/01 全球购物
写出一个方法实现冒泡排序
2016/07/08 面试题
北京一家公司的.net开发工程师笔试题
2012/04/17 面试题
五一服装活动方案
2014/01/11 职场文书
咖啡店自主创业商业计划书
2014/01/22 职场文书
教师远程培训感言
2014/03/06 职场文书
先进个人事迹材料范文
2014/12/30 职场文书
同学会感言
2015/07/30 职场文书