简单介绍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 相关文章推荐
js模拟弹出效果代码修正版
Aug 07 Javascript
弹出层之1:JQuery.Boxy (一) 使用介绍
Oct 06 Javascript
js setTimeout 参数传递使用介绍
Aug 13 Javascript
Js 去掉字符串中的空格(实现代码)
Nov 19 Javascript
jQuery简单实现input文本框内灰色提示文本效果的方法
Dec 02 Javascript
AnjularJS中$scope和$rootScope的区别小结
Sep 18 Javascript
JAVA Web实时消息后台服务器推送技术---GoEasy
Nov 04 Javascript
简单实现js选项卡切换效果
Feb 09 Javascript
详解Webpack实战之构建 Electron 应用
Dec 25 Javascript
新手入门带你学习JavaScript引擎运行原理
Jun 24 Javascript
Bootstrap实现前端登录页面带验证码功能完整示例
Mar 26 Javascript
nuxt.js写项目时增加错误提示页面操作
Nov 05 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执行速度全攻略(上)
2006/10/09 PHP
用PHP编程开发“虚拟域名”系统
2006/10/09 PHP
php实现多维数组中每个单元值(数字)翻倍的方法
2015/02/16 PHP
PHP入门教程之会话控制技巧(cookie与session)
2016/09/11 PHP
CentOS 上搭建 PHP7 开发测试环境
2017/02/26 PHP
PHP7 参数处理机制修改
2021/03/09 PHP
Jquery拖拽并简单保存的实现代码
2010/11/28 Javascript
用JavaScript获取DOM元素位置和尺寸大小的方法
2013/04/12 Javascript
JS实现的自定义网页拖动类
2015/11/06 Javascript
JS运动相关知识点小结(附弹性运动示例)
2016/01/08 Javascript
BootStrap创建响应式导航条实例代码
2016/05/31 Javascript
利用jQuery实现CheckBox全选/全不选/反选的简单代码
2016/05/31 Javascript
jQuery插件cxSelect多级联动下拉菜单实例解析
2016/06/24 Javascript
原生js简单实现放大镜特效
2017/05/16 Javascript
微信小程序icon组件使用详解
2018/01/31 Javascript
在移动端使用vue-router和keep-alive的方法示例
2018/12/02 Javascript
vue-cli3.0实现一个多页面应用的历奇经历记录总结
2020/03/16 Javascript
vue-列表下详情的展开与折叠案例
2020/07/28 Javascript
js实现手表表盘时钟与圆周运动
2020/09/18 Javascript
Javascript实现打鼓效果
2021/01/29 Javascript
[01:15:18]2014 DOTA2国际邀请赛中国区预选赛 LGD VS Speed Gaming.cn
2014/05/22 DOTA
Python实现SMTP发送邮件详细教程
2021/03/02 Python
Python的条件表达式和lambda表达式实例
2019/01/31 Python
PIL包中Image模块的convert()函数的具体使用
2020/02/26 Python
keras 使用Lambda 快速新建层 添加多个参数操作
2020/06/10 Python
完美解决TensorFlow和Keras大数据量内存溢出的问题
2020/07/03 Python
aden + anais英国官网:美国婴儿贴身用品品牌
2019/09/08 全球购物
2014年自我评价
2014/01/04 职场文书
2014年工会工作总结
2014/11/12 职场文书
分居协议书范本(律师见证版)
2014/11/26 职场文书
安全生产先进个人事迹材料
2014/12/30 职场文书
导游词范文
2015/02/13 职场文书
2019年警察入党转正申请书最新范文
2019/09/03 职场文书
励志语录:只有自己足够强大,才能不被别人践踏
2020/01/09 职场文书
利用javaScript处理常用事件详解
2021/04/14 Javascript
基于CSS制作创意端午节专属加载特效
2022/06/01 HTML / CSS