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

html web前端，登录，post请求提交 json带参

news 2025/11/13 14:07:13

3ca9855b3fd279fa17d46f01dc652030.jpg

<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title></head><body><div><div style="display: flex; flex-direction: column; margin: 15px;"><input id="phone" type="text" autocomplete="off" placeholder="请输入手机号" /><input id="code" type="text" autocomplete="off" placeholder="请输入验证码/密码" /></div><div style="margin: 15px;"><button onClick="login()">登录</button></div></div></body><script type="text/javascript">var phoneDom = document.querySelector('#phone'); // 获取输入框内容，手机号码var codeDom = document.querySelector('#code'); // 获取输入框内容，验证码/或密码/*** 提交信息* POST发送请求*/function login() {///// // 判断手机号码是否正确// var phoneReg = /(^1[3|4|5|7|8]\d{9}$)|(^09\d{8}$)/; // 手机号正则// var phone = (phoneDom.value).trim();// if (!phoneReg.test(phone)) {// alert(" 请输入有效的手机号码"); // 判断手机号码是否正确// return false;// }///// // 判断验证码/或密码是否6位数// var code = codeDom.value;// if (!code || code.trim().length != 6) {// alert("请输入6位短信验证码"); // 判断验证码/或密码是否6位数// return false;// }// 发送 JSON 数据var data = {phone: phoneDom.value, // 手机号码verificationCode: codeDom.value, // 验证码/或密码};// 创建一个 XMLHttpRequest 对象var xhr = new XMLHttpRequest();// 配置请求xhr.open('POST', 'https://api.wzyanche.com/cusInfo/login', true);xhr.setRequestHeader('Content-Type', 'application/json');//发送xhr.send(JSON.stringify(data));// 监听请求的状态，处理返回值xhr.onreadystatechange = function() {if (xhr.readyState === 4) {if (xhr.status == '200') {//手动对数据转化console.log('222 000 返回的数据', xhr.response);let data1 = xhr.response;console.log('222 111 返回的数据', data1);// 打印，获取json里的对象var data2 = JSON.parse(xhr.responseText)console.log('222 222 返回的数据', data2.retMsg);}}}}</script></html>

html web前端，登录，post请求提交 json带参

html web前端，登录，post请求提交 json带参 3ca9855b3fd279fa17d46f01dc652030.jpg <!DOCTYPE html> <html><head><meta http-equiv"Content-Type" content"text/html; charsetutf-8" /><title></t…...

编程日记 2023/10/25 1:56:43

防火墙实验

防火墙 ping（网络测试工具，测试主机之间的可达性）原理： 发送一些小的网络数据包（ICMP数据包）到目标主机，并等待目标主机返回一个响应（通常是回显应答 Echo Reply）。 ss…...

编程日记 2023/10/25 1:55:40

php中进程、线程、协程详细讲解

目录一、什么是进程、线程、协程 1、什么是进程（Process）： 2 、什么是线程（Thread）： 3、什么是协程（Coroutine）： 二、进程、线程、协程的关系 1、进程与线程关系 …...

编程日记 2023/10/25 1:54:40

无线通信中SINR的含义

在无线通信中，SINR代表"Signal-to-Interference-plus-Noise Ratio"，即信号与干扰加噪声比。这是一个重要的性能度量，用于评估和描述接收信号的质量，以及在无线通信系统中的通信性能。 SINR考虑了以下三个关键因素&…...

编程日记 2023/10/25 1:53:39

pnp单目相机标定测距

参考：opencv 单目相机pnp测距（Cpp）-CSDN博客...

编程日记 2023/10/25 1:52:38

Java反射获取内部类方法

Java反射获取内部类方法结论一、案例准备二、测试方法：使用反射获取类的成员内部类和方法具体操作具体操作（使用getDeclaredClasses） 结论 Java 通过反射可以获得内部类，包括内部类属性信息和方法。一、案例准备创建了一个类…...

编程日记 2023/10/25 1:50:35

发挥服务器的无限潜能：创意项目、在线社区和更多

✅作者简介：2022年博客新星第八。热爱国学的Java后端开发者，修心和技术同步精进。 🍎个人主页：Java Fans的博客 🍊个人信条：不迁怒，不贰过。小知识，大智慧。 ✨特色专栏&#xff1a…...

编程日记 2023/10/25 1:49:34

华为OD 绘图机器（100分）【java】A卷+B卷

华为OD统一考试A卷+B卷新题库说明你收到的链接上面会标注A卷还是B卷。目前大部分收到的都是B卷。 B卷对应20022部分考题以及新出的题目，A卷对应的是新出的题目。我将持续更新最新题目获取更多免费题目可前往夸克网盘下载，请点击以下链接进入：我用夸克网盘分享了「华为O…...

编程日记 2023/10/25 1:48:33

以下是一个简单的Java文件上传接口的示例代码： import org.springframework.http.HttpStatus;import org.springframework.http.ResponseEntity;import org.springframework.web.bind.annotation.PostMapping;import org.springframework.web.bind.annotation.Requ…...

编程日记 2023/10/25 1:47:31

基于矢量控制策略的异步电机调速系统设计

摘要由于国内人民生活水平的提高，科技不断地进步，控制不断地完善，从而促使矢量控制技术在电气传动系统领域占据主导权，也使得交流异步电机调速控制系统被广泛应用。在交流异步电机调速系统设计领域中，矢量控制成为目…...

编程日记 2023/10/25 1:46:29

Ubuntu下载工具ip addr、ifconfig、ping、make

Ubuntu下载工具ip addr、ifconfig、ping、make ping 在 Ubuntu 上获取网络工具包通常是通过安装相关软件包的方式来完成的。Ubuntu 默认包含一些常见的网络工具，但如果你需要安装其他工具，你可以使用 apt 命令或者 snap 命令进行安装。以下是一些常见的…...

编程日记 2023/10/25 1:45:27

【数据结构】常见复杂度习题详解 ------ 习题篇

文章目录 📋前言一. ⛳️前篇回顾二. ⛳️常见时间复杂度计算举例1️⃣实例一2️⃣实例二3️⃣实例三4️⃣实例四5️⃣实例五6️⃣实例六7️⃣实例七8️⃣实例八三. ⛳️常见空间复杂度计算举例1️⃣实例一2️⃣实例二3️⃣实例三四. ⛳️总结 📋前言 …...

编程日记 2023/10/25 1:44:26

一、vue介绍

一、介绍 vue式前端框架，是一套用于构建用户界面的渐进式框架 1、安装vue 安装node.js（配置环境变量） https://nodejs.org/en/download/ 更换镜像 npm config set registry https://registry.npm.taobao.org 查看镜像 npm config get regi…...

编程日记 2023/10/25 1:41:24

Linux ARMv8 异常向量表

http://blog.chinaunix.net/uid-69947851-id-5830546.html 本章接着《Linux内核启动》部分讲解，我们知道了在进入start_kernel之前，通过指令adr_l x8, vectors；msr vbar_el1, x8设置了异常向量表，那么异常向量表的结构是怎么样…...

编程日记 2023/10/25 1:40:22

C++基类和派生类的内存分配，多态的实现

目录基类和派生类的内存分配基类和派生类的成员归属多态的实现基类和派生类的内存分配类包括成员变量（data member）和成员函数（member function）。成员变量分为静态数据（static data）和非静态数据&…...

编程日记 2023/10/25 1:39:21

C/C++基础

C 二进制问题：二进制怎么表示整数、小数、正数、负数，如何存储？加减乘除怎么运算（见文章《计算机加减乘除本质》）？ 变量 c定义一个变量的时候，需要事先定义变量大小和变量类型。 //有符号…...

编程日记 2023/10/25 1:38:20

MySQL基础练习题

数据表介绍 --1.学生表 Student(SId,Sname,Sage,Ssex) --SId 学生编号,Sname 学生姓名,Sage 出生年月,Ssex 学生性别 --2.课程表 Course(CId,Cname,TId) --CId 课程编号,Cname 课程名称,TId 教师编号 --3.教师表 Teacher(TId,Tname) --TId 教师编号,Tname 教师姓名 --4.成绩…...

编程日记 2023/10/25 1:36:19

【C语言学习笔记 --- 动态内存管理】

C语言程序设计笔记---029 C语言之动态内存管理1、介绍动态内存管理2、动态内存函数的介绍2.1、malloc和free函数2.2、calloc函数2.3、realloc函数 3、动态内存管理过程中，一些常见的错误3.1、对NULL指针的解引用操作3.2、对动态内存开辟的空间的越界访问3.3、对非动…...

编程日记 2023/10/25 1:35:18

Nougat来了，能否成为pdf格式转换的新神器？

Nougat来了，能否成为pdf格式转换的新神器？ 论文链接：https://arxiv.org/pdf/2308.13418v1.pdf 项目地址：https://github.com/facebookresearch/nougat What happened？🤨 科学知识主要存储在书籍和科学期…...

编程日记 2023/10/25 1:34:15

C++文件和流

到目前为止，我们已经使用了 iostream 标准库，它提供了 cin 和 cout 方法分别用于从标准输入读取流和向标准输出写入流。本教程介绍如何从文件读取流和向文件写入流。这就需要用到 C 中另一个标准库 fstream，它定义了三个新的数据类型&#x…...

编程日记 2023/10/25 1:32:13

SkyWalking 10.2.0 SWCK 配置过程

SkyWalking 10.2.0 & SWCK 配置过程 skywalking oap-server & ui 使用Docker安装在K8S集群以外，K8S集群中的微服务使用initContainer按命名空间将skywalking-java-agent注入到业务容器中。 SWCK有整套的解决方案，全安装在K8S群集中。具体可参…...

编程新知 2025/8/23 5:51:08

Day131 | 灵神 | 回溯算法 | 子集型子集

Day131 | 灵神 | 回溯算法 | 子集型子集 78.子集 78. 子集 - 力扣（LeetCode） 思路： 笔者写过很多次这道题了，不想写题解了，大家看灵神讲解吧回溯算法套路①子集型回溯【基础算法精讲 14】_哔哩哔哩_bilibili 完…...

编程新知 2025/11/7 20:35:54

基于当前项目通过npm包形式暴露公共组件

1.package.sjon文件配置其中xh-flowable就是暴露出去的npm包名 2.创建tpyes文件夹，并新增内容 3.创建package文件夹...

编程新知 2025/11/8 3:51:02

工业自动化时代的精准装配革新：迁移科技3D视觉系统如何重塑机器人定位装配

AI3D视觉的工业赋能者迁移科技成立于2017年，作为行业领先的3D工业相机及视觉系统供应商，累计完成数亿元融资。其核心技术覆盖硬件设计、算法优化及软件集成，通过稳定、易用、高回报的AI3D视觉系统，为汽车、新能源、金属制造等行…...

编程新知 2025/10/23 16:56:42

Golang——7、包与接口详解

包与接口详解 1、Golang包详解1.1、Golang中包的定义和介绍1.2、Golang包管理工具go mod1.3、Golang中自定义包1.4、Golang中使用第三包1.5、init函数 2、接口详解2.1、接口的定义2.2、空接口2.3、类型断言2.4、结构体值接收者和指针接收者实现接口的区别2.5、一个结构体实现多…...

编程新知 2025/11/11 2:20:56

离线语音识别方案分析

随着人工智能技术的不断发展，语音识别技术也得到了广泛的应用，从智能家居到车载系统，语音识别正在改变我们与设备的交互方式。尤其是离线语音识别，由于其在没有网络连接的情况下仍然能提供稳定、准确的语音处理能力，广…...

编程新知 2025/9/22 13:00:25

macOS 终端智能代理检测

🧠 终端智能代理检测：自动判断是否需要设置代理访问 GitHub 在开发中，使用 GitHub 是非常常见的需求。但有时候我们会发现某些命令失败、插件无法更新，例如： fatal: unable to access https://github.com/ohmyzsh/oh…...

编程新知 2025/11/9 11:08:19

跨平台商品数据接口的标准化与规范化发展路径：淘宝京东拼多多的最新实践

在电商行业蓬勃发展的当下，多平台运营已成为众多商家的必然选择。然而，不同电商平台在商品数据接口方面存在差异，导致商家在跨平台运营时面临诸多挑战，如数据对接困难、运营效率低下、用户体验不一致等。跨平台商品数据接口的标准…...

编程新知 2025/11/1 17:27:36

比特币：固若金汤的数字堡垒与它的四道防线

第一道防线：机密信函——无法破解的哈希加密将每一笔比特币交易比作一封在堡垒内部传递的机密信函。解释“哈希”（Hashing）就是一种军事级的加密术（SHA-256），能将信函内容（交易细节&#xf…...

编程新知 2025/11/10 20:03:08

AT模式下的全局锁冲突如何解决？

一、全局锁冲突解决方案 1. 业务层重试机制（推荐方案） Service public class OrderService {GlobalTransactionalRetryable(maxAttempts 3, backoff Backoff(delay 100))public void createOrder(OrderDTO order) {// 库存扣减（自动加全…...

编程新知 2025/10/25 22:09:18

相关文章：