javascript使用jsonp数据跨域传输获取,这样传输不受限制,没有像xhr那样必须先设置header()才行,但这样跨域会有风险比如恶意代码

//getmsg.php文件,这里的域名为www.xuejq.mm/getmsg.php

html 复制代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
    // 得到航班信息查询结果后的回调函数
    var flightHandler = function(data){
        alert('你查询的航班结果是:票价 ' + data.price + ' 元,' + '余票 ' + data.tickets + ' 张。');
    };
    // 提供jsonp服务的url地址(不管是什么类型的地址,最终生成的返回值都是一段javascript代码)
    var url = "http://www.cssxue.mm/flighthandler.php?code=CA1998&callback=flightHandler";
    // 创建script标签,设置其属性
    var script = document.createElement('script');
    script.setAttribute('src', url);
    script.setAttribute('type','text/javascript');
    // 把script标签加入head,此时调用开始
    document.head.appendChild(script); 
    </script>
</head>
<body>

</body>
</html>

//这里是www.cssxue.mm/flighthandler.php文件,这里是存储jsonp数据

//其实这个文件可以是任何后缀,js,json,jsonp,php,asp,aspx后缀的都可以

php 复制代码
flightHandler({
    "code":"CA1998",
    "price":1780,
    "tickets":5
});
相关推荐
伊织code3 分钟前
LLM - 命令行与Python库的大语言模型交互工具
开发语言·python·语言模型
高山有多高4 分钟前
C语言实战项目:贪吃蛇(1)
c语言·开发语言·数据结构·c++·算法·游戏
春生黎至10058 分钟前
Python列表
开发语言·python
我没想到原来他们都是一堆坏人13 分钟前
java 动态代理
java·开发语言·动态代理
雪山上的小灰熊21 分钟前
UNIAPP如何自定义全局方法?
javascript·typescript·uni-app·vue·vue3·vite·hooks
10001hours25 分钟前
C语言第23讲
c语言·开发语言·算法
h汉堡26 分钟前
类和对象(二)
开发语言·数据结构·c++·学习
Coding_Doggy32 分钟前
java面试day5 | 消息中间件、RabbitMQ、kafka、高可用机制、死信队列、消息不丢失、重复消费
java·开发语言·面试
emplace_back42 分钟前
C# 主窗口 单例 唯一进程 互斥锁
开发语言·c#
江城开朗的豌豆1 小时前
何时该请出Redux?前端状态管理的正确打开方式
前端·javascript·react.js