js 实现JSONP
JS 实现 jsonp
2023-09-27 14:26:01 时间
编写一个 jsonp.html 内容如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--
点击 button 后添加一个 script
<script>
list([11,22,33,44])
</script>
-->
</head>
<body>
<input type="button" onclick="jsonpRequest();" value="跨域请求" />
<script>
TAG = null;
function jsonpRequest() {
TAG = document.createElement('script');
TAG.src = 'http://www.jxntv.cn/data/jmd-jxtv2.html?callback=list&_=1454376870403'; // 对方网站协商返回 list([11,22,33,44]) 数据
document.head.appendChild(TAG); // 在 head 处添加<script>标签
}
// 定义 list() 函数
function list(arg) {
console.log(arg); // 打印 list() 函数内的参数
document.head.removeChild(TAG); // 在 head 处移除<script>标签
}
</script>
</body>
</html>
相关文章
- js 生成4位随机数及Js知识汇总
- [转] 使用Node.js实现简易MVC框架
- Request —— 让 Node.js http请求变得超简单
- 如何调试Node.js
- 为什么返回的数据前面有callback? ashx/json.ashx?的后面加 callback=? 起什么作用 js url?callback=xxx xxx的介绍 ajax 跨域请求时url参数添加callback=?会实现跨域问题
- JS基础 类
- 大部分教程不会告诉你的 12 个 JS 技巧
- js通用绑定事件函数
- js 实现双向绑定
- 【HarmonyOS】基于JS UI的Java服务卡片如何实现动态定时刷新
- JS正则表达式大全(附例子)
- JS冲突解决方法
- 【手撕代码系列】JS手写实现Promise.all
- Dynamic CRM 2013学习笔记(九)CrmFetchKit.js介绍:Fetchxml、多表联合查询, 批量更新
- js实现取出对象数组中对应的value值,取出接口的数组对象值
- vue项目mixin.js的使用及注意详解
- 【华为OD机试真题 js、python】优选核酸检测点、寻找核酸检测点【2022 Q4 100分】
- [js插件开发教程]实现一个比较完整的开源级选项卡插件
- [js高手之路] html5 canvas系列教程 - 线条样式(lineWidth,lineCap,lineJoin,setLineDash)
- [js高手之路]从原型链开始图解继承到组合继承的产生
- [js高手之路] 跟GhostWu一起封装一个字符串工具库-扩展trim,trimLeft,trimRight方法(2)
- [js高手之路] 设计模式系列课程 - 迭代器(1)
- arcgis api 4.x for js 自定义叠加图片图层实现地图叠加图片展示(附源码下载)
- js实现根据文本下标位置添加特殊标识
- JS实现base64加密解密
- js实现页面a向页面b传参的方法
- JS-改变页面的颜色之变化核心-获取六位的随机数
- JS实现联想输入(一)
- Visual Studio 2010扩展让JS与CSS实现折叠
- 华为OD机试 - 特异性双端队列(JS)
- js 模拟鼠标事件
- JS学习第9天——ES6中面向对象(类class、constructor构造函数、类的继承extends、super关键字、面向对象tab栏切换案例)
- js 实现图片实时预览