jsonp 使用简单记录（一）-php教程-PHP中文网

jsonp 使用简单记录（一）

php中文网

发布： 2016-07-29 09:06:22

原创

949人浏览过

jsonp 使用环境一般是在做不同域的登录或者数据交换时前台和后台交换可用
原理：
引入的js可以是不同域，js文件可以从后台生成
（这里说的有点简单，大家多去找找资料）

使用demo：

华友协同办公自动化OA系统

华友协同办公管理系统(华友OA)，基于微软最新的.net 2.0平台和SQL Server数据库，集成强大的Ajax技术，采用多层分布式架构，实现统一办公平台，功能强大、价格便宜，是适用于企事业单位的通用型网络协同办公系统。系统秉承协同办公的思想，集成即时通讯、日记管理、通知管理、邮件管理、新闻、考勤管理、短信管理、个人文件柜、日程安排、工作计划、工作日清、通讯录、公文流转、论坛、在线调查、

查看详情

html：
//原生js
<html xmlns="http://www.w3.org/1999/xhtml">
<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.'"})';
	}
}

登录后复制

以上就介绍了jsonp 使用简单记录（一），包括了方面的内容，希望对PHP教程有兴趣的朋友有所帮助。