@H_502_1@ajax01.html
客户端
<!DOCTYPE html>
<!--客户端-->
<!--课件_49.第九章：Ajax技术[4]-JSONP跨源请求.rar-->
<html id="html">
<head>
<Meta charset="utf-8" />
<title>demo</title>
<script type="text/javascript" src="jquery-2.1.4.min.js"></script>
<script type="text/javascript">
function sunshengli(data){
console.log(data);
}
</script>
<!--ajax不能实现跨跨源请求-->
<!--跨源指的是协议（http/https）、域名(192.168.1.108/localhost)、端口号(80/81)号有一个不一样就是跨域-->
<!--访问ajax01.PHP并带参数（sunshengli），返回会自动调用sunshengli(data)，并把数据当做参数传入 sunshengli(data)中-->
<script type="text/javascript" src="http://192.168.1.108/MyTestAjax05/ajax01.PHP?callback=sunshengli">
</script>
</head>
<body>
<button>开始</button>
</body>
</html>
ajax01.PHP
服务器端
<?PHP if(!isset($_GET['callback'])){ exit(); } $str=<<<A [{"title":"标题1","url":"http://sifangku.com"},{"title":"标题2","url":"http://baidu.com"}] A; echo "{$_GET['callback']}({$str});"; ?>
