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

【Ajax】笔记-原生jsonp跨域请求案例

news 2025/9/8 23:48:23

原生jsonp跨域请求

输入框：输入后，鼠标移开向服务端发送请求，返回用户不存在(直接返回不存在，不做判断)

JS

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>案例</title>
</head>
<body>用户名: <input type="text" id="username"><p></p><script>//获取 input 元素const input = document.querySelector('input');const p = document.querySelector('p');//声明 handle 函数function handle(data){input.style.border = "solid 1px #f00";//修改 p 标签的提示文本p.innerHTML = data.msg;}//绑定事件input.onblur = function(){//获取用户的输入值let username = this.value;//向服务器端发送请求 检测用户名是否存在//1. 创建 script 标签const script = document.createElement('script');//2. 设置标签的 src 属性script.src = 'http://127.0.0.1:8000/check-username';//3. 将 script 插入到文档中document.body.appendChild(script);}</script>
</body>
</html>

服务

//用户名检测是否存在
app.all('/check-username',(request, response) => {// response.send('console.log("hello jsonp")');const data = {exist: 1,msg: '用户名已经存在'};//将数据转化为字符串let str = JSON.stringify(data);//返回结果response.end(`handle(${str})`);
});

测试

在这里插入图片描述

【Ajax】笔记-原生jsonp跨域请求案例

原生jsonp跨域请求输入框：输入后，鼠标移开向服务端发送请求，返回用户不存在(直接返回不存在，不做判断) JS <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><me…...

编程日记 2023/7/30 18:14:45

第一个界面头文件： #ifndef WIDGET_H #define WIDGET_H#include <QWidget> #include <QIcon> //图标头文件 #include <QPushButton> //按钮类头文件QT_BEGIN_NAMESPACE namespace Ui { class Widget; } QT_END_NAMESPACEclass Widget : public…...

编程日记 2023/7/30 18:13:44

热备份路由协议原理

热备份路由协议原理 HSRP协议/VRRP协议热备份协议热备份协议（Hot Standby Protocol） 是一种基于冗余设计的协议，用于提高网络的可靠性和冗余性。它允许多个设备共享同一个IP地址，其中一个设备被选为主设备，其他设备…...

编程日记 2023/7/30 18:12:43

模拟实现定时器

关于java标准库中的定时器的使用可以看定时器Timer的使用大致思路定义一个MyTimeTask类，该类用于组织要执行任务的内容以及执行任务的时间戳，后面要根据当前系统时间以及执行任务的时间戳进行比较，来判断是否要执行任务或是要等待任务用一…...

编程日记 2023/7/30 18:11:42

TCP/IP的分包粘包

TCP/IP的分包粘包分包粘包介绍导致分包粘包的原因导致TCP粘包的原因：导致TCP分包的原因：避免分包粘包的措施分包粘包介绍因为TCP为了减少额外开销，采取的是流式传输，所以接收端在一次接收的时候有可能一次接收多个包。而TCP粘…...

编程日记 2023/7/30 18:10:41

盘点：查快递教程

在“寄快递”成为常态的当下，如何快速进行物流信息查询，是收寄人所关心的问题。在回答这个问题之前，首先我们要知道，物流信息查询，有哪些方法？ 1、官网单号查询知道物流公司和单号的情况下，直…...

编程日记 2023/7/30 18:09:38

TransGPT 开源交通大模型开源

TransGPT 是开源交通大模型，主要致力于在真实交通行业中发挥实际价值。它能够实现交通情况预测、智能咨询助手、公共交通服务、交通规划设计、交通安全教育、协助管理、交通事故报告和分析、自动驾驶辅助系统等功能。 TransGPT 作为一个通用常识交通大模型&#…...

编程日记 2023/7/30 18:08:36

gitignore文件使用方法（gitignore教程）（git status --ignored）（git check-ignore -v ＜file＞）

文章目录 Gitignore文件使用描述Gitignore基本语法1. 基本语法★★★★★2. 配置方法匹配示例示例1示例2示例3 其他命令git status --ignored（用于显示被Git忽略的文件和文件夹的状态）git check-ignore -v <file>（用于检查指定文件是否…...

编程日记 2023/7/30 18:07:35

mybatis拼接sql导致的oom报错 GC报错

报错1：mybatis拼接过多 java.lang.OutOfMemoryError: GC overhead limit exceeded 具体报错： nested exception is org.apache.ibatis.builder.BuilderException: Error evaluating expression ew.sqlSegment ! null and ew.sqlSegment ! and ew.non…...

编程日记 2023/7/30 18:06:34

如何通俗理解扩散模型？

扩散模型(Diffusion Model)是一类十分先进的基于扩散思想的深度学习生成模型。生成模型除了扩散模型之外，还有出现较早的 VAE ( Variational Auto- Encoder，变分自编码器) 和 GAN ( Generative Adversarial Net ，生成对抗网络) 等。虽然它们…...

编程日记 2023/7/30 18:05:31

【C#】并行编程实战：并行编程中的模式

本章将介绍并行编程模式，重点是理解并行代码问题场景并使用并行编程/异步技术解决他们。本章会介绍几种最重要的编程模式。本教程学习工程：魔术师Dix / HandsOnParallelProgramming GitCode 1、MapReduce 模式引入 MapReduce 是为了解决处理大数据的问…...

编程日记 2023/7/30 18:04:30

Apache Kafka 入门教程

Apache Kafka 入门教程一、简介简介架构二、Kafka 安装和配置JDK安装 Kafka配置文件详解三、Kafka 的基本操作启动和关闭Topic 创建和删除Partitions 和 Replication 配置Producer 和 Consumer 使用方法ProducerConsumer 四、Kafka 高级应用消息的可靠性保证Kafka StreamKaf…...

编程日记 2023/7/30 18:03:28

python皮卡丘编程代码教程,用python打印皮卡丘

大家好，小编来为大家解答以下问题，如何用print函数打印一只皮卡丘，用python如何打印丘比特之心，现在让我们一起来看看吧！...

编程日记 2023/7/30 18:02:27

shell脚本：数据库的分库分表

#!/bin/bash ######################### #File name:db_fen.sh #Version:v1.0 #Email:admintest.com #Created time:2023-07-29 09:18:52 #Description: ########################## MySQL连接信息 db_user"root" db_password"RedHat123" db_cmd"-u${…...

编程日记 2023/7/30 18:01:26

AtCoder Beginner Contest 312（A~D）

A //语法题也要更仔细嘞，要不然也会wa #include <bits/stdc.h> // #pragma GCC optimize(3,"Ofast","inline") // #pragma GCC optimize(2) using namespace std; typedef long long LL; #define int LL typedef pair<int, int> …...

编程日记 2023/7/30 18:00:25

SQL中Partition的相关用法

使用Partition可以根据指定的列或表达式将数据分成多个分区。每个分区都是逻辑上独立的，可以单独进行查询、插入、更新和删除操作。Partition可以提高查询性能，因为它可以限制在特定分区上执行查询，而不是在整个表上执行。在SQL中&#xff…...

编程日记 2023/7/30 17:59:24

微服务——Docker

docker与虚拟机的区别首先要知道三个层次硬件层:计算机硬件内核层:与硬件交互，提供操作硬件的指令应用层: 系统应用封装内核指令为函数，便于程序员调用。用户程序基于系统函数库实现功能。 docker在打包的时候直接把应用层的函数库也进行打包&a…...

编程日记 2023/7/30 17:58:23

测试|测试用例方法篇

测试|测试用例方法篇文章目录测试|测试用例方法篇1.测试用例的基本要素：测试环境，操作步骤，测试数据，预期结果…2.测试用例带来的好处3.测试用例的设计思路，设计方法，具体设计方法之间的关系**设计测试用…...

编程日记 2023/7/30 17:57:21

负载均衡的策略有哪些? 负载均衡的三种方式?

负载均衡的策略有哪些? 负载均衡的策略有如下： 1. 轮询（Round Robin）：按照请求的顺序轮流分配到不同的服务器。 2. 权重（Weighted）：给不同的服务器分配不同的权重，根据权重比例来…...

编程日记 2023/7/30 17:56:20

二十三章：抗对抗性操纵的弱监督和半监督语义分割的属性解释

0.摘要弱监督语义分割从分类器中生成像素级定位，但往往会限制其关注目标对象的一个小的区域。AdvCAM是一种图像的属性图，通过增加分类分数来进行操作。这种操作以反对抗的方式实现，沿着像素梯度的相反方向扰动图像。它迫使最初被认为不具有区…...

编程日记 2023/7/30 17:55:19

应用升级/灾备测试时使用guarantee 闪回点迅速回退

1.场景应用要升级,当升级失败时,数据库回退到升级前. 要测试系统,测试完成后,数据库要回退到测试前。相对于RMAN恢复需要很长时间， 数据库闪回只需要几分钟。 2.技术实现数据库设置 2个db_recovery参数创建guarantee闪回点，不需要开启数据库闪回。…...

编程新知 2025/7/30 7:20:17

在Ubuntu中设置开机自动运行（sudo）指令的指南

在Ubuntu系统中，有时需要在系统启动时自动执行某些命令，特别是需要 sudo权限的指令。为了实现这一功能，可以使用多种方法，包括编写Systemd服务、配置 rc.local文件或使用 cron任务计划。本文将详细介绍这些方法，并提供…...

编程新知 2025/8/31 22:19:37

CMake 从 GitHub 下载第三方库并使用

有时我们希望直接使用 GitHub 上的开源库，而不想手动下载、编译和安装。可以利用 CMake 提供的 FetchContent 模块来实现自动下载、构建和链接第三方库。 FetchContent 命令官方文档✅ 示例代码我们将以 fmt 这个流行的格式化库为例，演示如何：使用 FetchContent 从 GitH…...

编程新知 2025/9/2 19:31:47

pikachu靶场通关笔记22-1 SQL注入05-1-insert注入(报错法)

目录一、SQL注入二、insert注入三、报错型注入四、updatexml函数五、源码审计六、insert渗透实战 1、渗透准备 2、获取数据库名database 3、获取表名table 4、获取列名column 5、获取字段本系列为通过《pikachu靶场通关笔记》的SQL注入关卡(共10关&#xff0…...

编程新知 2025/9/8 2:34:23