jsonp跨域实例

发布时间：2020-12-16 18:39:59 所属栏目：百科来源：网络整理

导读：一、什么是跨域二、如何解决跨域 1.前端常用 JSONP 2.服务器端配置 HTTP 协议的 header 解析三、JSONP实现的实例 ! DOCTYPE html html head title jsonp跨域test / title / head body script type ="text/javascript" function res (r) { //定义回调函数接

一、什么是跨域

二、如何解决跨域

1.前端常用 JSONP

2.服务器端配置 HTTP 协议的 header 解析

三、JSONP实现的实例

<!DOCTYPE html>
<html>
<head>
    <title>jsonp跨域test</title>
</head>
<body>
    <script type="text/javascript">
        function res (r) {  //定义回调函数接收返回结果
            console.log(r)
        }
    </script>
    <script src="./api.json?callback=res">
        //? 之前为请求的路径
　　　　 //? 之后 callback 可缩写为 cb，值为回调函数的名称
    </script>  
</body>
</html>

请求的 json文件内容如下：

res({"data":"js"})

去浏览器打开 html 文件，打开控制台，效果如下：

（编辑：李大同）

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