jsonp 使用简单记录(一)
来源:互联网 发布:中国保险网络大学考试 编辑:程序博客网 时间:2024/06/05 07:08
jsonp 使用环境一般是在做不同域的登录或者数据交换时前台和后台交换可用
原理:
引入的js可以是不同域,js文件可以从后台生成
(这里说的有点简单,大家多去找找资料)
原理:
引入的js可以是不同域,js文件可以从后台生成
(这里说的有点简单,大家多去找找资料)
使用DEMO:
html://原生js<html><head> <title></title> <script type="text/javascript"> var returnjs = function(data){ alert(data.code); }; // 提供jsonp服务的url地址(不管是什么类型的地址,最终生成的返回值都是一段javascript代码) var url = "http://www.return.com/jsonp/get?code=1&callback=returnjs";//数据接收后台 // 创建script标签,设置其属性 var script = document.createElement('script'); script.setAttribute('src', url); // 把script标签加入head,此时调用开始 document.getElementsByTagName('head')[0].appendChild(script); </script></head><body></body></html>
//jQ版<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here1</title><script type="text/javascript" src="jq.js"></script><!-- 记得引入jq --></head><body><script type="text/javascript">jQuery(document).ready(function(){ $.ajax({ type: "get", async: false, url: "http://www.return.com/jsonp/get?code=1",//数据接收后台 dataType: "jsonp", jsonp: "callback",//传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(一般默认为:callback) jsonpCallback:"returnjs",//自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名,也可以写"?",jQuery会自动为你处理数据 crossDomain:true, success: function(json){ alert(json.code); }, error: function(){ alert('fail'); } });});</script></body></html>
后台PHP:<?phpclass jsonp{public function get(){$code=$_GET['code'];if($code==1){$code=2;}echo 'returnjs({"code":"'.$code.'"})';}}
0 0
- jsonp 使用简单记录(一)
- JS----Jsonp 简单使用
- jsonp 使用记录(二)跨域设置cookie
- php和jsonp的简单使用
- 简单透彻理解JSONP原理及使用
- 简单透彻理解JSONP原理及使用
- 简单透彻理解JSONP原理及使用
- 简单透彻理解JSONP原理及使用
- ubuntu使用记录(一)
- 使用Jsonp(JQ+C#)
- jsonp学习一认识jsonp
- jsonp使用
- jsonp使用
- JQuery JSONP跨域 初识(一)
- json与jsonp跨域(一)
- php学习记录 jsonp
- Jsonp学习记录
- jsonp学习记录
- hadoop 集群环境搭建
- document.body 与 document.documentElement
- 焦点在input框的时候按enter提交
- CMake-可执行文件-boost-regex-system-libcur-opencv-easypr
- jfreechart配合struts2简单配置及使用
- jsonp 使用简单记录(一)
- tomcat启动时间的设置
- IP数据库的比较和选择
- CTS 网络通信模块 - Netty Handler的使用
- LINQ 查询表达式
- 建造者模式学习笔记
- 基于5532制作的实用话放(单电源供电)
- lodop使用
- 云监控 Ganglia 安装配置