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:
<?php
class jsonp{
public function get(){
$code=$_GET['code'];
if($code==1){
$code=2;
}
echo 'returnjs({"code":"'.$code.'"})';
}
}