简单介绍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 相关文章推荐
用jquery和json从后台获得数据集的代码
Nov 07 Javascript
浅谈javascript中的constructor
Jun 08 Javascript
基于Vue.js实现简单搜索框
Mar 26 Javascript
详解jQuery lazyload 懒加载
Dec 19 Javascript
微信小程序 wx:for的使用实例详解
Apr 27 Javascript
JavaScript模块详解
Dec 18 Javascript
axios全局请求参数设置,请求及返回拦截器的方法
Mar 05 Javascript
vue引用js文件的多种方式(推荐)
May 17 Javascript
vue.js图片转Base64上传图片并预览的实现方法
Aug 02 Javascript
npm 常用命令详解(小结)
Jan 17 Javascript
通过vue刷新左侧菜单栏操作
Aug 06 Javascript
如何使用JavaScript实现无缝滚动自动播放轮播图效果
Aug 20 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
关于svn冲突的解决方法
2013/06/21 PHP
PHP速成大法
2015/01/30 PHP
java微信开发之上传下载多媒体文件
2016/06/24 PHP
PHP合并数组函数array_merge用法分析
2017/02/17 PHP
PHP 中魔术常量的实例详解
2017/10/26 PHP
javascript indexOf函数使用说明
2008/07/03 Javascript
javascript 一段左右两边随屏滚动的代码
2009/06/18 Javascript
jquery css 设置table的奇偶行背景色示例
2014/06/03 Javascript
js同源策略详解
2015/05/21 Javascript
JavaScript声明变量名的语法规则
2015/07/10 Javascript
基于javascript简单实现对身份证校验
2021/01/25 Javascript
实例详解display:none与visible:hidden的区别
2017/03/30 Javascript
Node.js 多进程处理CPU密集任务的实现
2019/05/26 Javascript
layui form.render('select', 'test2') 更新渲染的方法
2019/09/27 Javascript
JS实现盒子拖拽效果
2020/02/06 Javascript
javascript设计模式 ? 适配器模式原理与应用实例分析
2020/04/13 Javascript
Nuxt 嵌套路由nuxt-child组件用法(父子页面组件的传值)
2020/11/05 Javascript
Vue中引入svg图标的两种方式
2021/01/14 Vue.js
centos下更新Python版本的步骤
2013/02/12 Python
跨平台python异步回调机制实现和使用方法
2013/11/26 Python
python实现RSA加密(解密)算法
2016/02/17 Python
python3使用requests模块爬取页面内容的实战演练
2017/09/25 Python
详解Python判定IP地址合法性的三种方法
2018/03/06 Python
Python读取csv文件实例解析
2019/12/30 Python
python--shutil移动文件到另一个路径的操作
2020/07/13 Python
如何用python实现一个HTTP连接池
2021/01/14 Python
美国受欢迎的女性牛仔裤品牌:DL1961
2016/11/12 全球购物
印度在线购买电子产品网站:Croma
2020/01/02 全球购物
对象的序列化(serialization)类是面向流的,应如何将对象写入到随机存取文件中
2015/06/22 面试题
实习销售业务员自我鉴定
2013/09/21 职场文书
工地门卫岗位职责范本
2014/07/01 职场文书
党的群众路线教育实践活动总结
2014/10/30 职场文书
汽车车尾标语大全
2015/08/11 职场文书
2016应届大学生自荐信模板
2016/01/28 职场文书
教你用Python写一个植物大战僵尸小游戏
2021/04/25 Python
多人盗宝《绿林侠盗》第三赛季4.5上线 跨平台实装
2022/04/03 其他游戏