简单介绍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 相关文章推荐
文字幻灯片
Jun 26 Javascript
Javascript 实现TreeView CheckBox全选效果
Jan 11 Javascript
JQuery扩展插件Validate 2通过参数设置验证规则
Sep 05 Javascript
window.parent与window.openner区别介绍
Apr 12 Javascript
js简单实现用户注册信息的校验代码
Nov 15 Javascript
javascript中定义私有方法说明(private method)
Jan 27 Javascript
写出高效jquery代码的19条指南
Mar 19 Javascript
基于jQuery的图片不完全按比例自动缩小
Jul 11 Javascript
浅谈JavaScript的Polymer框架中的事件绑定
Jul 29 Javascript
AngularJs用户登录问题处理(交互及验证、阻止FQ处理)
Oct 26 Javascript
微信JSSDK实现打开摄像头拍照再将相片保存到服务器
Nov 15 Javascript
mpvue网易云短信接口实现小程序短信登录的示例代码
Apr 03 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
微信扫描二维码登录网站代码示例
2013/12/30 PHP
PHP基本语法总结
2014/09/06 PHP
php静态文件生成类实例分析
2015/01/03 PHP
laravel执行php artisan migrate报错的解决方法
2019/10/09 PHP
写给想学习Javascript的朋友一点学习经验小结
2010/11/23 Javascript
真正的JQuery.ajax传递中文参数的解决方法
2011/05/28 Javascript
Javascript基础教程之变量
2015/01/18 Javascript
avalonjs制作响应式瀑布流特效
2015/05/06 Javascript
Node.js中常规的文件操作总结
2016/10/13 Javascript
微信小程序开发一键登录 获取session_key和openid实例
2016/11/23 Javascript
JavaScript实现同一个页面打开多张图片
2016/12/29 Javascript
很棒的一组js图片轮播特效
2017/01/12 Javascript
基于jQuery实现咖啡订单管理简单应用
2017/02/10 Javascript
BootstrapTable加载按钮功能实例代码详解
2017/09/22 Javascript
使用Vue开发自己的Chrome扩展程序过程详解
2019/06/21 Javascript
JS字符串常用操作方法实例小结
2019/06/24 Javascript
如何正确理解vue中的key详解
2019/11/02 Javascript
Taro UI框架开发小程序实现左滑喜欢右滑不喜欢效果的示例代码
2020/05/18 Javascript
vue 监听 Treeselect 选择项的改变操作
2020/08/31 Javascript
[01:17]炒鸡美酒第四天TA暴走
2018/06/05 DOTA
Python Tkinter实现简易计算器功能
2018/01/30 Python
python通过SSH登陆linux并操作的实现
2019/10/10 Python
opencv 查找连通区域 最大面积实例
2020/06/04 Python
CSS3制作炫酷的自定义发光文字
2016/03/28 HTML / CSS
HTML5之SVG 2D入门6—视窗坐标系与用户坐标系及变换概述
2013/01/30 HTML / CSS
美国生日蛋糕店:Bake Me A Wish!
2017/02/08 全球购物
电大自我鉴定范文
2013/10/01 职场文书
给老师的检讨书
2014/02/11 职场文书
结对共建工作方案
2014/06/02 职场文书
淘宝客服工作职责
2014/07/11 职场文书
倡议书的写法
2014/08/30 职场文书
公安局副政委班子个人对照检查材料
2014/10/04 职场文书
2015年园林绿化工作总结
2015/05/23 职场文书
莫言诺贝尔获奖感言(全文)
2015/07/31 职场文书
Nginx工作模式及代理配置的使用细节
2022/03/21 Servers
AngularJS实现多级下拉框
2022/03/25 Javascript