집 >백엔드 개발 >PHP 튜토리얼 >jsonp로 간단한 레코드 사용하기 (1)

jsonp로 간단한 레코드 사용하기 (1)

WBOY원래의: 2016-07-29 09:06:22817검색

jsonp의 사용 환경은 일반적으로 서로 다른 도메인에서 로그인이나 데이터 교환을 할 때 프런트엔드와 백엔드 교환이 가능합니다
원칙:
가져온 js는 다른 도메인에 있을 수 있으며 js 파일은 배경에서 생성될 수 있습니다
(여기는 좀 간단합니다. 자세한 내용은 여기를 참조하세요)

DEMO 사용:

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를 사용한 간단한 기록(1)을 소개합니다. PHP 튜토리얼에 관심이 있는 친구들에게 도움이 되길 바랍니다.

성명：

이전 기사：PHP로 구현된 xml 작업 클래스다음 기사：PHP로 구현된 xml 작업 클래스

jsonp로 간단한 레코드 사용하기 (1)

관련 기사