jsonp实现跨域的方法
来源:互联网 发布:mac iphoto 无法更新 编辑:程序博客网 时间:2024/06/06 03:45
Ajax 不能跨域 ,比如您是 www.baidu.com ,您就不能请求 www.163.com 的文件。但您可以请求 www.baidu.com/1.json 、 ent.baidu.com/1.json 。 这是因为安全原因,对于任何后台语言来说、服务器程序来说, 所有的 XHR 类型的请求,如果来自其他的服务器,将不予应答 。
一、使用jsonp
JSONP是JSON with Padding的略称。它是一个非官方的协议,出处不可考,它允许在服务器端集成Script tags返回至客户端,通过javascript callback的形式实现跨域访问(这仅仅是JSONP简单的实现形式)。--来源百度
JSONP就像是 JSON+Padding 一样(Padding这里我们理解为调用函数时的 填充 )。
绿色部分是 JSON ,外面的 fun(); 是函数的调用,是 padding 补充部分。
jsonp的原理很简单,就是把定义写在了HTML源文件里面,而将调用放在script标签引用的文件里面,由于script标签可以跨文件使用,这样就实现了跨域,引用的文件可以有各种格式php 、js、txt等。
下面举个例子:
jsonp.txt里面的内容如下:
//调用函数fun({"result" : [{"name" : "小明","age" : 12,"sex" : "男"},{"name" : "小红","age" : 13,"sex" : "女"},{"name" : "小绿","age" : 16,"sex" : "女"}]});
运行结果:
由于这样使用起来不方便,我们可以将它封装成一个实用轮子:
jQuery已经有封装好的API可以直接使用:名称是ajax()
可以查看jQuery手册,参考如下
0 0
- jsonp实现跨域的方法
- Jsonp的跨域实现
- 了解jsonp跨域并实现自己的jsonp
- jsonp实现跨域
- jsonp实现跨域
- JSONP实现跨域
- JSONP跨域实现
- jsonp实现跨域
- springMVC实现jsonp的跨域请求
- JSONP--实现跨域的ajax技术
- 跨域问题之jsonp的实现
- jsonp跨域的简单实现
- jsonp 跨域通信的实现
- jsonp跨域的简单实现
- 基于JSONP的跨域请求实现
- 利用ES6-Promise()方法封装原始jsonp实现跨域请求公用方法(告别使用JQuery封装好的jsonp)
- jquery下利用jsonp跨域访问实现方法
- Jquery之AJAX COOKIES跨域请求 - JSONP实现方法
- kubernetes1.5新特性:新版本kubeadm
- 操作Cassandra(3)-合并、压实
- 【VSCode】Visual Studio Code插件指南
- VMware12 Pro上安装OS X 10.8苹果系统
- CREATING AND INSTALLING A SSL CERTIFICATE ON AMAZON EC2.
- jsonp实现跨域的方法
- 查看对象是表还是视图
- 最全蓝屏解决方法大全
- p2p通信原理及实现
- 为什么hash比string省内存
- 微信小程序(九):页面跳转
- Oracle字符集的查看查询和Oracle字符集的设置修改
- 控制面板程序
- 小程序和APP谁将主导未来?