简单介绍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的表格隔行换色,移动换色,点击换色插件
Dec 22 Javascript
js点击文本框后才加载验证码实例代码
Oct 20 Javascript
jQuery插件实现无缝滚动特效
Nov 24 Javascript
探究Javascript模板引擎mustache.js使用方法
Jan 26 Javascript
AngularJS 实现JavaScript 动画效果详解
Sep 08 Javascript
jquery css实现邮箱自动补全
Nov 14 Javascript
最全的JavaScript开发工具列表 总有一款适合你
Jun 29 Javascript
响应式框架Bootstrap栅格系统的实例
Dec 19 Javascript
浅谈react受控组件与非受控组件(小结)
Feb 09 Javascript
浅谈Vue 数据响应式原理
May 07 Javascript
Vue.js 中的 v-model 指令及绑定表单元素的方法
Dec 03 Javascript
Vue3.0中的monorepo管理模式的实现
Oct 14 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/05/22 PHP
php curl获取网页内容(IPV6下超时)的解决办法
2013/07/16 PHP
PHP使用feof()函数读文件的方法
2014/11/07 PHP
php自定义urlencode,urldecode函数实例
2015/03/24 PHP
PHP实现获取文件后缀名的几种常用方法
2015/08/08 PHP
php采集神器cURL使用方法详解
2016/02/19 PHP
Array.prototype.slice 使用扩展
2010/06/09 Javascript
jquerymobile checkbox及时刷新才能获取其准确值
2012/04/14 Javascript
使用javascript插入样式
2016/03/14 Javascript
jQuery stop()用法实例详解
2016/07/28 Javascript
Ionic2系列之使用DeepLinker实现指定页面URL
2016/11/21 Javascript
使用jQuery的ajax方法向服务器发出get和post请求的方法
2017/01/13 Javascript
vuejs2.0实现分页组件使用$emit进行事件监听数据传递的方法
2017/02/22 Javascript
基于代数方程库Algebra.js解二元一次方程功能示例
2017/06/09 Javascript
Ionic + Angular.js实现验证码倒计时功能的方法
2017/06/12 Javascript
JavaScript中的return布尔值的用法和原理解析
2017/08/14 Javascript
教你使用vue-cli快速构建的小说阅读器
2019/05/13 Javascript
150行代码带你实现微信小程序中的数据侦听
2019/05/17 Javascript
Node配合WebSocket做多文件下载以及进度回传
2019/11/07 Javascript
vue+springboot+element+vue-resource实现文件上传教程
2020/10/21 Javascript
Python随机数random模块使用指南
2016/09/09 Python
matplotlib 输出保存指定尺寸的图片方法
2018/05/24 Python
python文件转为exe文件的方法及用法详解
2019/07/08 Python
pygame实现烟雨蒙蒙下彩虹雨
2019/11/11 Python
Python使用Pygame绘制时钟
2020/11/29 Python
GLAMGLOW香港官网:明星出镜前的秘密武器
2017/03/16 全球购物
Shopee越南:东南亚与台湾电商平台
2019/02/03 全球购物
毕业生简单求职信
2013/11/19 职场文书
实习教师自我鉴定
2013/12/12 职场文书
心得体会怎么写
2013/12/30 职场文书
文秘专业应届生求职信
2014/05/26 职场文书
学术会议通知范文
2015/04/15 职场文书
《老人与海鸥》教学反思
2016/02/16 职场文书
js基础语法与maven项目配置教程案例
2021/07/15 Javascript
python井字棋游戏实现人机对战
2022/04/28 Python
windows server 2016 域环境搭建的方法步骤(图文)
2022/06/25 Servers