简单介绍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 相关文章推荐
Mootools 1.2教程 定时器和哈希简介
Sep 15 Javascript
Javascript document.referrer判断访客来源网址
May 15 Javascript
超级有用的13个基于jQuery的内容滚动插件和教程
Jul 31 Javascript
js 实现css风格选择器(压缩后2KB)
Jan 12 Javascript
JavaScript实现关键字高亮功能
Nov 12 Javascript
JavaScript中的console.group()函数详细介绍
Dec 29 Javascript
JS操作JSON方法总结(推荐)
Jun 14 Javascript
不使用script导入js文件的几种方法
Oct 27 Javascript
angular第三方包开发整理(小结)
Apr 19 Javascript
JavaScript实现仿Clock ISO时钟
Jun 29 Javascript
vue+elementui 对话框取消 表单验证重置示例
Oct 29 Javascript
微信小程序picker组件两列关联使用方式
Oct 27 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中获得视频时间总长度的另一种方法
2011/09/15 PHP
将PHP程序中返回的JSON格式数据用gzip压缩输出的方法
2016/03/03 PHP
CentOS下搭建PHP环境与WordPress博客程序的全流程总结
2016/05/07 PHP
常见浏览器多长时间会提示“脚本运行时间过长”总结
2014/04/29 Javascript
JS弹出可拖拽可关闭的div层完整实例
2015/02/13 Javascript
简述jQuery ajax的执行顺序
2016/01/05 Javascript
JS实现的图片预览插件与用法示例【不上传图片】
2016/11/25 Javascript
js学习总结_轮播图之渐隐渐现版(实例讲解)
2017/07/17 Javascript
微信小程序实现image组件图片自适应宽度比例显示的方法
2018/01/16 Javascript
Vue的路由动态重定向和导航守卫实例
2018/03/17 Javascript
webpack4 入门最简单的例子介绍
2018/09/05 Javascript
解决angularjs WdatePicker ng-model的问题
2018/09/13 Javascript
深入分析element ScrollBar滚动组件源码
2019/01/22 Javascript
node爬取新型冠状病毒的疫情实时动态
2020/02/06 Javascript
python实现2048小游戏
2015/03/30 Python
CentOS安装pillow报错的解决方法
2016/01/27 Python
python画出三角形外接圆和内切圆的方法
2018/01/25 Python
python3获取当前文件的上一级目录实例
2018/04/26 Python
python特性语法之遍历、公共方法、引用
2018/08/08 Python
对python 合并 累加两个dict的实例详解
2019/01/21 Python
OpenCV搞定腾讯滑块验证码的实现代码
2019/05/18 Python
对Pytorch中Tensor的各种池化操作解析
2020/01/03 Python
Python&amp;&amp;GDAL实现NDVI的计算方式
2020/01/09 Python
Python实现汇率转换操作
2020/05/03 Python
Python3读写ini配置文件的示例
2020/11/06 Python
python实现KNN近邻算法
2020/12/30 Python
澳大利亚男士西服品牌:M.J.Bale
2018/02/06 全球购物
双立人美国官方商店:ZWILLING集团餐具和炊具
2020/05/07 全球购物
优秀研究生自我鉴定
2013/12/04 职场文书
秘书专业自荐信范文
2013/12/26 职场文书
高中军训感言400字
2014/02/24 职场文书
学习雷锋做美德少年寄语大全
2014/04/09 职场文书
产假请假条
2014/04/10 职场文书
港澳通行证委托书怎么写
2014/08/02 职场文书
房屋租赁合同解除协议书
2014/10/11 职场文书
汽车转让协议书
2015/01/29 职场文书