简单介绍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的访问WebService的代码(可访问Java[Xfire])
Nov 19 Javascript
JS Replace 全部替换字符的用法小结
Dec 24 Javascript
javascript设置连续两次点击按钮时间间隔的方法
Oct 28 Javascript
javascript笛卡尔积算法实现方法
Apr 08 Javascript
探索angularjs+requirejs全面实现按需加载的套路
Feb 26 Javascript
jQuery实现点击水纹波动动画
Apr 10 Javascript
ExtJs的Ext.Ajax.request实现waitMsg等待提示效果
Jun 14 Javascript
Vue官方文档梳理之全局配置
Nov 22 Javascript
微信小程序wx.getImageInfo()如何获取图片信息
Jan 26 Javascript
详解mpvue scroll-view自动回弹bug解决方案
Oct 01 Javascript
jQuery设置下拉框显示与隐藏效果的方法分析
Sep 15 jQuery
VUE 动态组件的应用案例分析
Dec 02 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 smarty截取中文字符乱码问题?gb2312/utf-8
2011/11/07 PHP
php查找字符串出现次数的方法
2014/12/01 PHP
php替换字符串中间字符为省略号的方法
2015/05/04 PHP
PHP Trait功能与用法实例分析
2020/06/03 PHP
Js切换功能的简单方法
2010/11/23 Javascript
jquery实现固定顶部导航效果(仿蘑菇街)
2013/03/21 Javascript
js实现的常用的左侧导航效果
2013/10/17 Javascript
使用JS CSS去除IE链接虚线框的三种方法
2013/11/14 Javascript
深入理解JSON数据源格式
2014/01/10 Javascript
用js替换除数字与逗号以外的所有字符的代码
2014/06/07 Javascript
Jquery常用的方法汇总
2015/09/01 Javascript
jQuery使用zTree插件实现树形菜单和异步加载
2016/02/25 Javascript
vue2.0实战之基础入门(1)
2017/03/27 Javascript
Vue.set() this.$set()引发的视图更新思考及注意事项
2018/08/30 Javascript
Vue使用watch监听一个对象中的属性的实现方法
2019/05/10 Javascript
改进 JavaScript 和 Rust 的互操作性并深入认识 wasm-bindgen 组件
2019/07/13 Javascript
[02:19]DOTA选手解说齐贺岁
2018/02/11 DOTA
[58:32]EG vs Liquid 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python3读取UTF-8文件及统计文件行数的方法
2015/05/22 Python
Python多线程、异步+多进程爬虫实现代码
2016/02/17 Python
Python爬虫番外篇之Cookie和Session详解
2017/12/27 Python
python实现可视化动态CPU性能监控
2018/06/21 Python
python json.loads兼容单引号数据的方法
2018/12/19 Python
基于wxPython的GUI实现输入对话框(2)
2019/02/27 Python
python实现坦克大战游戏 附详细注释
2020/03/27 Python
python对批量WAV音频进行等长分割的方法实现
2020/09/25 Python
如何一键升级Python所有包
2020/11/05 Python
纯CSS3实现的8种Loading动画效果
2014/07/05 HTML / CSS
iRobot官网:改变生活的家用机器人品牌
2016/09/20 全球购物
泰国演唱会订票网站:StubHub泰国
2018/02/26 全球购物
经贸日语专业个人求职信范文
2014/04/29 职场文书
小学感恩节活动策划方案
2014/10/06 职场文书
入党介绍人意见怎么写
2015/06/03 职场文书
女性健康知识讲座主持词
2015/07/04 职场文书
婚礼伴郎致辞
2015/07/28 职场文书
Python写情书? 10行代码展示如何把情书写在她的照片里
2022/04/21 Python