当前位置：首页 > news >正文

实现JSONP请求

news 2026/3/28 6:05:10

同源策略

JavaScript 的浏览器都会使用这个策略。所谓同源是指，域名，协议，端口相同。
而所有非同源的请求（即域名，协议，端口其中一种或多种不相同），都会被作为跨域请求。实际上请求发了, 也返回了数据, 只是浏览器检测到时非同源的数据, 就会被浏览器丢掉

然后标签发出的请求不会被同源策略检测到, 因此可以用来发送请求, 如script, img等标签

JSON实现流程

请添加图片描述

定义全局函数, 发送请求(客户端)

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>Document</title></head><body><script>window.test = (data) => {console.log(data);};</script><script src="http://localhost:3000/test?callback=test"></script></body>
</html>

接收数据, 返回数据(后端)

const Koa = require("koa");
const app = new Koa();
const Router = require("koa-router");
const router = new Router({prefix: "/test",
});app.use(router.routes());
router.get("/", async (ctx) => {ctx.body =ctx.query.callback +"(" +JSON.stringify({code: "200",data: {name: "chenjiang",},}) +")";
});app.listen(3000, (res) => {console.log("启动成功");
});

浏览器network

实现JSONP请求

同源策略 JavaScript 的浏览器都会使用这个策略。所谓同源是指，域名，协议，端口相同。而所有非同源的请求（即域名，协议，端口其中一种或多种不相同），都会被作为跨域请求。实际上请求…...

编程日记 2023/9/13 19:50:56

如何将安防视频监控系统/视频云存储EasyCVR平台推流到公网直播间？

视频云存储/安防监控EasyCVR视频汇聚平台基于云边端智能协同，支持海量视频的轻量化接入与汇聚、转码与处理、全网智能分发、视频集中存储等。音视频流媒体视频平台EasyCVR拓展性强，视频能力丰富，具体可实现视频监控直播、视频轮播、视频录像、…...

编程日记 2023/9/13 19:49:54

使用内网负载机（Linux）执行Jmeter性能测试

一、背景在我们工作中有时候会需要使用客户提供的内网负载机进行性能测试，一般在什么情况下我们需要要求客户提供内网负载机进行性能测试呢？ 遇到公网环境下性能测试达到了带宽瓶颈。那么这时，我们就需要考虑在内网环境负载机下来执行我们…...

编程日记 2023/9/13 19:47:52

Web自动化测试进阶 —— Selenium模拟鼠标操作

鼠标操作事件在实际的web产品测试中，对于鼠标的操作，不单单只有click()，有时候还要用到右击、双击、拖动等操作，这些操作包含在ActionChains类中。 ActionChains类中鼠标操作常用方法： 首先导入ActionChains类&…...

编程日记 2023/9/13 19:44:50

Python之函数

函数是什么？ 函数是对程序逻辑进行结构化或过程化的一种编程方法，将整块代码巧妙地隔离成易于管理的小块。把重复代码放到函数中而不是进行大量的拷贝，这样既能节省空间，也有助于保持一致性；通常函数都是用于实现某一种…...

编程日记 2023/9/13 19:42:48

泛型工具类型和操作符

前言 TypeScript 内置了一些常用的工具类型。 PartialRequiredOmitPick.... 操作符 typeof typeof 操作符可以用来获取一个变量声明或对象的类型 const p {x:2,y:cm} let g:typeof p {x:3,y:ff} 这里g需要满足： 有x属性且值是number类型有y属性且值是string类型…...

编程日记 2023/9/13 19:41:45

idea中启动maven项目报错-java: 程序包lombok.extern.slf4j不存在问题如何解决

1、现象： 在springboot的maven项目启动时，报错： Error:(3, 27) java: 程序包lombok.extern.slf4j不存在编译不报错，maven依赖也合适，项目就是无法启动原因： 其实不是项目本身或者maven本身的问题&am…...

编程日记 2023/9/13 19:39:42

MyBatis-动态SQL

<if>标签用于判断条件是否成立，使用test属性进行条件判断，如果条件为true，则拼接SQL <where>标签 where元素只会在子元素有内容的情况下插入where子句，而且会自动去除子句的开头的AND或OR <where><if tes…...

编程日记 2023/9/13 19:38:41

Swift学习内容精选（二）

Swift 类是构建代码所用的一种通用且灵活的构造体。我们可以为类定义属性（常量、变量）和方法。与其他编程语言所不同的是，Swift 并不要求你为自定义类去创建独立的接口和实现文件。你所要做的是在一个单一文件中定义一个类，系…...

编程日记 2023/9/13 19:37:40

类欧笔记存档

电子版：https://blog.csdn.net/zhangtingxiqwq/article/details/132718582...

编程日记 2023/9/13 19:36:39

电能计量远程抄表系统的分析及在物业的应用

安科瑞华楠摘要：结合当前电力企业实际的发展概况，可知电力活动开展中对于性能可靠的电能计量及远程抄表依赖程度高，需要注重它们实际应用范围的扩大，满足电力企业长期稳定发展的实际需求。基于此，本文将对电能计量…...

编程日记 2023/9/13 19:34:36

计算机网络篇之端口

计算机网络篇之端口文章目录计算机网络篇之端口前言概括分类总结前言我们知道ip地址可以确定向哪台主机转发数据，但是数据要发给主机的哪个进程，这个时候端口就派上用场了概括计算机网络端口是用于区分不同应用程序或网络服务的逻辑地址&#x…...

编程日记 2023/9/13 19:33:36

GO语言篇之发布开源软件包

GO语言篇之发布开源软件包文章目录 GO语言篇之发布开源软件包新建仓库拉取到本地初始化项目编写代码提交代码发布引用软件包我们写GO语言程序的时候难免会引用第三方的软件包，那么你知道别人是怎么发布自己的软件包吗，别急，这篇博客教你怎么…...

编程日记 2023/9/13 19:32:35

Eclipse官网下载历史版本

进入官网 https://www.eclipse.org/ 进入下载页面选择下载包同一版本，又有不同类型 Eclipse IDE for Enterprise Java and Web Developers Eclipse IDE for Java Developers 任何Java开发人员必备的工具，包括Java IDE、Git客户端、XML编辑器、Mave…...

编程日记 2023/9/13 19:31:34

一.被认为 is known to;it is known thatbe regarded asis characterized byis believed toit is generally acknowledged thathave been implicatedit has been shown that 二.表明 revel ; demonstrate ; appeared toreport ; considered as ; uncoverfound ; show ; impl…...

编程日记 2023/9/13 19:30:33

使用ref如何获取到input标签中的值

要使用 ref 获取到 input 标签中的值，首先需要创建一个 ref 对象并将其绑定到 input 标签上。然后，可以通过访问 ref 对象的 value 属性来获取标签中的值。下面是一个示例代码： import React, { useRef } from react; function App() {cons…...

编程日记 2023/9/13 19:27:30

自定义Dynamics 365实施和发布业务解决方案 3. 开箱即用自定义

在本章中，您将开始开发SBMA会员应用程序。在开发的最初阶段，主要关注开箱即用的定制。在第2章中，我们讨论了如何创建基本解决方案的细节，在本章中，将创建作为解决方案补丁的基本自定义，并展示将解决方案添加到源代码管理和目标环境的步骤。表单自定义若要开始表单自定…...

编程日记 2023/9/13 19:25:27

python-pytorch 关于torch.load()和torch.load_state_dict()

python-pytorch 关于torch.load和torch.load_state_dict 1、关于模型保存和加载2、关于加载模型结构最近在使用pytorch训练和加载模型时遇到了一些很玄学的问题，研究了一下，总结如下： 1、关于模型保存和加载 1、如果保存时使用了torch.save…...

编程日记 2023/9/13 19:22:23

关于批量安装多个apk

for %i in (apks地址/*.apk); do adb install %i https://www.cnblogs.com/lihongtaoya/p/15084378.html adb install -r apks地址/1.apk && adb install -r apks地址/2.apk install-multi-package - 暂时nok https://adbshell.com/commands 最新版本的platform-tool…...

编程日记 2023/9/13 19:21:22

【案例教学】华为云API对话机器人的魅力—体验AI垃圾分类机器人

云服务、API、SDK，调试，查看，我都行阅读短文您可以学习到：人工智能AI自言语言的情感分析、文本分词、文本翻译 1 IntelliJ IDEA 之API插件介绍 API插件支持 VS Code IDE、IntelliJ IDEA等平台、以及华为云自研 CodeArts IDE&a…...

编程日记 2023/9/13 19:20:21

ReAct Agent：新手程序员必看！收藏这款融合推理与行动的AI智能体框架，轻松入门大模型应用开发

ReAct框架通过结合推理与行动，解决了传统提示工程的局限性，构建出能主动思考、决策并执行复杂任务的智能体。本文详细介绍了ReAct的核心设计思想，包括推理模块的动态思考链和错误回溯机制，以及行动模块的工具集成和环境状态感知。…...

编程新知 2026/3/28 4:05:49

gemeni 生成图片的提示词

[System / Prompt]You are an illustration assistant specialized in creating hand-drawn cartoon-style infographics. Follow all rules below strictly and without deviation.🎨 STYLE RULES（风格规则）Use a pure hand-drawn illustrat…...

编程新知 2026/3/28 4:01:49

从随机采样到精准决策：蒙特卡罗方法在复杂系统建模中的实践

1. 蒙特卡罗方法：用随机性破解复杂世界的密码想象你是一位古代数学家，手里只有一把沙子和一块画着方格的石板。现在要计算一个不规则形状的湖泊面积，你会怎么做？最原始的方法可能是把沙子均匀撒在石板上，然后数出落在…...

编程新知 2026/3/28 3:29:27

RK3588开发板跑YOLOv5视频流demo，遇到Segmentation fault别慌！保姆级core文件生成与调试指南

RK3588开发板YOLOv5视频流推理崩溃排查：从Segmentation fault到精准调试全攻略当你在RK3588开发板上满心期待地运行YOLOv5视频流推理demo时，屏幕上突然闪现的"Segmentation fault (core dumped)"就像一盆冷水浇灭了热情。这种崩溃提示信息量极…...

编程新知 2026/3/28 3:09:13

深度解析IDM激活脚本：注册表锁定技术的完整实现指南

深度解析IDM激活脚本：注册表锁定技术的完整实现指南【免费下载链接】IDM-Activation-Script IDM Activation & Trail Reset Script 项目地址: https://gitcode.com/gh_mirrors/id/IDM-Activation-Script Internet Download Manager（IDM&…...

编程新知 2026/3/28 3:07:13