课件_49.第九章：Ajax技术[4]-JSONP跨源请求

发布时间：2020-12-16 01:47:35 所属栏目：百科来源：网络整理

导读：ajax01.html 客户端 ?!DOCTYPE html!--客户端--!--课件_49.第九章：Ajax技术[4]-JSONP跨源请求.rar--html id="html"head meta charset="utf-8" / titledemo/title script type="text/javascript" src="jquery-2.1.4.min.js"/script script type="text/javasc

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});";
?>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!