jsonp请求数据

最新推荐文章于 2024-08-14 14:18:31 发布

gaojianqiao1234

最新推荐文章于 2024-08-14 14:18:31 发布

阅读量752

点赞数

文章标签： html5 jsonp 跨域

本文链接：https://blog.csdn.net/gaojianqiao1234/article/details/130404073

版权

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <script>
        function bbb(data) {
            console.log('拿到的数据：',data);
        }

        //JSONP:利用script可以发送跨域请求，来实现跨域获取数据
        //  只能发送GET请求。

        //  1. 创建一个script节点
        let s = document.createElement('script');

        //  2. 将该节点的src指向请求的资源路径
        s.src = "http://localhost:8888/php/jsonp.php?fn=bbb";//名称fn 为后端配置

        //  3. 将节点上树。节点一旦上树，会立即向src指向的路径发送请求。
        //  等待响应
        document.body.appendChild(s);
        //请求发出，浏览器响应(字符串)后，浏览器首先会解析这个响应，
        //解析结束之后，会运行代码 function bbb
    </script>
</body>