jquery之jsonp解析

最新推荐文章于 2023-04-01 17:40:41 发布

happylifeng

最新推荐文章于 2023-04-01 17:40:41 发布

阅读量165

点赞数

分类专栏：前端文章标签： php javascript ViewUI

本文链接：https://blog.csdn.net/happylifeng/article/details/84363002

版权

前端专栏收录该内容

39 篇文章 0 订阅

订阅专栏

jsonp简易用法：

客户端：
  <script type="text/javascript">
  <!--
	jQuery(function($){
		$.getJSON("test.php?jsoncallback=?", function(data){
			//
		});
	});
  //-->
  </script>

服务器端PHP：
$callback = $_GET['jsoncallback'];
header("Content-type: text/html; charset=utf-8");
echo $callback . "(" . $json . ")";

jsonp完整写法：

客户端：
<script type="text/javascript">
  <!--
	jQuery(function($){
		$.ajax({
			type: "get",
			async: false,
			url: "test.php",
			dataType: "jsonp",
			jsonp: "callbackparam", //回调函数的参数
			jsonpCallback: "success_callback", //回调函数的名称
			success: function(data){
				//
			},
            error: function(){
                //alert('fail');
            }
		});
	});
  //-->
  </script>

服务器端：
$callback = $_GET['callbackparam'];
header("Content-type: text/html; charset=utf-8");
echo $callback . "(" . $json . ")";

注意：红色部分要一致。