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
});
相关推荐
墩墩分墩1 天前
【Go语言入门教程】 Go语言的起源与技术特点:从诞生到现代编程利器(一)
开发语言·后端·golang·go
CHANG_THE_WORLD1 天前
并发编程指南 同步操作与强制排序
开发语言·c++·算法
仰泳之鹅1 天前
【C语言】深入理解指针(5)
c语言·开发语言
qczg_wxg1 天前
React Native的动画系统
javascript·react native·react.js
无为之士1 天前
君正交叉编译链工具mips-gcc540-glibc222-64bit-r3.3.0.smaller.bz2编译st-device-sdk-c
c语言·开发语言
漂流瓶jz1 天前
解锁Babel核心功能:从转义语法到插件开发
前端·javascript·typescript
源力祁老师1 天前
深入分析 json2(新)与标准的 jsonrpc的区别
开发语言
小wanga1 天前
C++知识
java·开发语言·c++
大怪v1 天前
老乡,别走!Javascript隐藏功能你知道吗?
前端·javascript·代码规范