jsonp跨域实例

最新推荐文章于 2024-06-20 20:55:24 发布

weixin_30929011

最新推荐文章于 2024-06-20 20:55:24 发布

阅读量117

点赞数

文章标签： javascript 开发工具 json ViewUI

原文链接：http://www.cnblogs.com/zhuxingqing/p/11220680.html

版权

一、什么是跨域

二、如何解决跨域

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 文件，打开控制台，效果如下：

转载于:https://www.cnblogs.com/zhuxingqing/p/11220680.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30929011

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jsonp跨域实例

一、什么是跨域二、如何解决跨域1.前端常用 JSONP2.服务器端配置 HTTP 协议的 header 解析三、JSONP实现的实例<!DOCTYPE html><html><head> <title>jsonp跨域test</title></head><body&g...
复制链接

扫一扫