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

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

news 2026/4/6 14:55:32

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

告别90%无效操作：3个让文档获取效率倍增的反直觉方案

告别90%无效操作：3个让文档获取效率倍增的反直觉方案【免费下载链接】kill-doc 看到经常有小伙伴们需要下载一些免费文档，但是相关网站浏览体验不好各种广告，各种登录验证，需要很多步骤才能下载文档，该脚本就是为了解…...

编程新知 2026/4/6 14:05:42

语音转文字神器！Speech Seaco Paraformer WebUI详细使用指南

语音转文字神器！Speech Seaco Paraformer WebUI详细使用指南 1. 为什么你需要这个语音识别工具在日常工作和学习中，我们经常遇到需要将语音内容转换为文字的场景。无论是会议记录、采访整理，还是视频字幕制作，传统的手动听写方…...

编程新知 2026/4/6 12:07:31

Spring Boot后端实战：手把手教你处理Google Play订阅续费、降级与退款回调

Spring Boot实战：Google Play订阅状态变更的深度处理指南订阅业务中的关键挑战移动应用订阅模式已成为开发者重要的收入来源，而Google Play作为全球最大的应用分发平台，其订阅系统的复杂性往往让开发者头疼。特别是当用户进行订阅续费、降…...

编程新知 2026/4/6 12:01:27

告别纯CPU硬扛！手把手教你用树莓派5的VideoCore VII GPU加速NCNN+YOLOv8推理

解锁树莓派5的VideoCore VII潜能：NCNNYOLOv8 GPU加速实战指南树莓派5的发布带来了令人振奋的性能提升，尤其是其VideoCore VII GPU的图形处理能力。对于计算机视觉开发者而言，这意味着我们终于可以在边缘设备上实现更高效的模型推理。本文将带…...

编程新知 2026/4/6 11:37:19

如何快速上手AICoverGen：免费制作专业级AI翻唱歌曲的完整指南

如何快速上手AICoverGen：免费制作专业级AI翻唱歌曲的完整指南【免费下载链接】AICoverGen A WebUI to create song covers with any RVC v2 trained AI voice from YouTube videos or audio files. 项目地址: https://gitcode.com/gh_mirrors/ai/AICoverGen …...

编程新知 2026/4/6 10:52:43

DecompilerMC：揭秘Minecraft源码反编译的高效方案

DecompilerMC：揭秘Minecraft源码反编译的高效方案【免费下载链接】DecompilerMC This repository allows you to decompile any minecraft version that was published after 19w36a without any 3rd party mappings, you just need to execute the script or the …...

编程新知 2026/4/6 10:32:39

揭秘书匠策AI：论文写作的未来式导航助手 —— 你的毕业论文智囊团

在学术的浩瀚海洋中，每一位即将扬帆远航的毕业生都面临着同样的挑战——如何撰写一篇高质量、有深度的毕业论文？这不仅仅是对知识的综合运用，更是对思维逻辑、创新能力的全面考验。幸运的是，随着人工智能技术的飞速发展&#xff0…...

编程新知 2026/4/6 10:26:37

顺丰控股年营收3082亿：净利111亿现金分红21亿

雷递网雷建平 4月5日顺丰控股（证券代码：002352）日前发布截至2025年12月31日的财报。财报显示，顺丰控股2025年营收3082.27亿，较上年同期的2844亿元增长8.37%。顺丰控股2025年时效快递业务实现营业收入1,310.5亿元&…...

编程新知 2026/4/6 10:14:27

Zotero Reference学术文献管理工具全攻略：从入门到精通

Zotero Reference学术文献管理工具全攻略：从入门到精通【免费下载链接】zotero-reference PDF references add-on for Zotero. 项目地址: https://gitcode.com/gh_mirrors/zo/zotero-reference 一、核心价值：重构学术文献管理流程节省70%文献整…...

编程新知 2026/4/6 9:07:11

Java 上位机防空警报系统开发

通讯结构中央站 -区域站-终端支持全控选控单控。可诊断每个设备回示记录通讯协议使用modbus相关核心代码通讯线程池package com.common.buscomm.taskRun.base.runable;import cn.hutool.core.bean.BeanUtil; import cn.hutool.core.date.DatePattern; import cn.hutool.core…...

编程新知 2026/4/6 7:38:18

相关文章：