JSON 教程
JSON 教程
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><a href="https://api.seniverse.com/v3/weather/now.json?key=SRgM4ZKVU_nhcphg3&location=beijing&language=zh-Hans&unit=c">天气</a><form action="114.115.154.154:5111/admin/adminLogin" method="post">账号：<input type="text" name="account"><br>密码：<input type="password" name="pwd"><br><button type="submit">登录</button></form>
</body>
</html>
json对象
object
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>json对象</title>
</head><body><script>let json = {//键值对 key:value'id': '001','name': '张三的','age': 18}//数组对象let stus =[{ 'id': '001', 'name': '张三', 'age': '18' },{ 'id': '002', 'name': '张2三', 'age': '19' },{ 'id': '003', 'name': '张3三', 'age': '16' },]//访问document.write('<h2>' + stus[0].name + '</h2>')</script>
</body></html>
实例
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>验证码</title><style>img{height: 80px;}</style>
</head>
<body><form action="#"><input type="text" name="yzm" placeholder="验证码"><img src="img/image.png" alt=""><input type="submit" value="提交" class="sb"></form><script>let yan=''//验证码document.querySelector('img').onclick=function(){//创建对象let xmlReq;//检查浏览器是否支持XMLHttpRequestif(window.XMLHttpRequest){xmlReq=new XMLHttpRequest()}else{xmlReq=new ActiveXObject()//老版本IE使用}//发送请求xmlReq.open('GET',//提交方式//url'https://route.showapi.com/26-4?appKey=B62A6E7D02b4494E98De7eD05F23602e',true)xmlReq.send()//获取响应xmlReq.onreadystatechange=function(){//响应成功if (xmlReq.readyState==4&&xmlReq.status==200) {//xmlhttp.responseText响应的数据 字符串格式// alert(xmlReq.responseText)let str=xmlReq.responseText//把字符串转换成json对象let json=JSON.parse(str)// alert(json)// alert(json.showapi_res_body.img_path_https)document.querySelector('img').setAttribute('src',json.showapi_res_body.img_path_https)yan=json.showapi_res_body.text}else{console.log('xmlReq.status'+xmlReq.status);console.log('xmlReq.readyState'+xmlReq.readyState);}}}//验证document.querySelector('.sb').onclick=function(){let val=document.getElementsByName('yzm')[0].valueif(val===yan){alert('提交')}else{alert('验证失败')}}</script>
</body>
</html>
相关文章：
JSON 教程
JSON 教程 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>Document</title> </head> …...
HBase 的基本架构 详解
HBase 是一个分布式的、面向列的数据库，构建在 HDFS（Hadoop Distributed File System）之上，提供高效的随机读写操作。为了全面理解 HBase 的基础架构，需要从逻辑架构、物理存储、组件之间的交互、数据管理和底层设计出…...
crypt.h：No such file or directory报错处理
crypt.h：No such file or directory 报错处理 前言：本文初编辑于2024年9月27日 CSDN主页：https://blog.csdn.net/rvdgdsva 博客园主页：https://www.cnblogs.com/hassle 博客园本文链接： 大！萌࿰…...
网络消费维权的9个常见法律问题
一、忘记付尾款，定金能否退还？ 不能。消费者在网络提交订单后，合同即成立。合同成立后，消费者的义务为按时付款。若消费者在支付定金后未能支付尾款，即未能履行付款义务，会导致合同无法履行，构…...
detectron2是怎么建立模型的？以SparseInst代码为例
看SparseInst论文发现论文里有些地方没讲清楚；遂找SparseInst源码来看模型结构 我选择从推理代码来找模型结构： 经探索，在SparseInst代码里，推理需要执行代码 python demo.py --config-file configs/sparse_inst_r50_base.yaml …...
kafka监控平台Kafdrop：使用记录
背景 AI的发展真是太方便了，让它给我推荐一款轻量级，没有学习曲线的kafka监控平台，它就给我推荐这一款。用了一下果然没有一点学习曲线。 目前已经满足了我的需求，可视化界面，topic、消息、消费者group信息以及消费情…...
的使用和内联函数
今天我们来了解一下C中的&和内联函数 引用标识符& C觉得C语言部分的指针有些麻烦，容易混乱，所以C创造了一个标识符&，表示是谁的别名。跟指针对比一下：int* a1&b1;int &a2b2;这样看，显然a1存放的…...
征程6 上基于 DEB 工具实现包管理
1.引言 在开发、调测过程中，开发人员需要将系统软件、应用软件部署到 Soc 板端，以用于运行调试。传统的部署方式是通过解压复制或者调用部署脚本。这样的部署方式需要有着方式不统一、维护投入大的缺点。 在 linux 系统上，大多采用包管理的…...
【git】一文详解： git rebase到底有啥问题
引子 我反复看到这样的评论：“git rebase 像屎一样”。人们似乎对此有很强烈的感受，我真的很惊讶，因为我没有遇到太多使用 rebase 的问题，而且我一直在使用它。 使用 rebase 的成本有多大？在实际使用中它给你带来了什…...
高性能计算应用优化实践之WRF
WRF（Weather Research Forecast）模式是由美国国家大气研究中心（NCAR）、国家环境预报中心（NCEP）等机构自1997年起联合开发的新一代高分辨率中尺度天气研究预报模式，重点解决分辨率为1～…...
nsight-compute使用教程
一 安装 有的时候在linux上安装上了nsight-compute，可以生成报告，但是却因为缺少qt组件而无法打开，我选择的方法是在linux上生成报告，在window上的nsight compute的图形界面打开，需要注意的是，nsight compute图形界面的版本一定要更高，不然无法打开 二 使用 2.1 生成…...
【深度学习】03-神经网络01-4 神经网络的pytorch搭建和参数计算
# 计算模型参数,查看模型结构,我们要查看有多少参数，需要先安装包 pip install torchsummary import torch import torch.nn as nn from torchsummary import summary # 导入 summary 函数，用于计算模型参数和查看模型结构# 创建神经网络模型类 class Mo…...
我与Linux的爱恋：命令行参数|环境变量
🔥个人主页：guoguoqiang. 🔥专栏：Linux的学习 文章目录 一.命令行参数二.环境变量1.环境变量的基本概念2.查看环境变量的方法3.环境变量相关命令4.环境变量的组织方式以及获取环境变量的三种方法 环境变量具有全局属性 一…...
django drf 统一Response格式
场景 需要将响应体按照格式规范返回给前端。 例如： 响应体中包含以下字段： {"result": true,"data": {},"code": 200,"message": "ok","request_id": "20cadfe4-51cd-42f6-af81-0…...
SM2协同签名算法中随机数K的随机性对算法安全的影响
前面介绍过若持有私钥d的用户两次SM2签名过程中随机数k相同，在对手获得两次签名结果Sig1和Sig2的情况下，可破解私钥d。 具体见SM2签名算法中随机数K的随机性对算法安全的影响_sm2关闭随机数-CSDN博客 另关于SM2协同签名过程，具体见SM2协同签…...
解决setMouseTracking(true)后还是无法触发mouseMoveEvent的问题
如图，在给整体界面设置鼠标追踪且给ui界面的子控件也设置了鼠标追踪后，运行后的界面仍然有些地方移动鼠标无法触发 mouseMoveEvent函数，这就令人头痛。。。 我的解决方法是：重载event函数： 完美解决。。。...
基于深度学习的花卉智能分类识别系统
温馨提示：文末有 CSDN 平台官方提供的学长 QQ 名片 :) 1. 项目简介 传统的花卉分类方法通常依赖于专家的知识和经验，这种方法不仅耗时耗力，而且容易受到主观因素的影响。本系统利用 TensorFlow、Keras 等深度学习框架构建卷积神经网络&#…...
Springboot集成MongoDb快速入门
1. 什么是MongoDB 1.1. 基本概念 MongoDB是一个基于分布式文件存储 [1] 的数据库。由C语言编写。旨在为WEB应用提供可扩展的高性能数据存储解决方案。 MongoDB是一个介于关系数据库和非关系数据库之间的产品，是非关系数据库当中功能最丰富，最像关系数…...
DERT目标检测—End-to-End Object Detection with Transformers
DERT：使用Transformer的端到端目标检测 论文题目：End-to-End Object Detection with Transformers 官方代码：https://github.com/facebookresearch/detr 论文题目中包括的一个创新点End to End(端到端的方法）简单的理解就是没有使…...
软件后端开发速度慢的科技公司老板有没有思考如何破局
最近接到两个科技公司咨询，说是他们公司后端开发速度太慢，前端程序员老等着，后端程序员拖了项目进度。 这种问题不只他们公司，在软件外包公司中，有一部分项目甲方客户要得急，以至于要求软件开发要快&#…...
铭豹扩展坞 USB转网口 突然无法识别解决方法
当 USB 转网口扩展坞在一台笔记本上无法识别，但在其他电脑上正常工作时，问题通常出在笔记本自身或其与扩展坞的兼容性上。以下是系统化的定位思路和排查步骤，帮助你快速找到故障原因： 背景： 一个M-pard（铭豹）扩展坞的网卡突然无法识别了，扩展出来的三个USB接口正常。…...
JavaScript 中的 ES|QL：利用 Apache Arrow 工具
作者：来自 Elastic Jeffrey Rengifo 学习如何将 ES|QL 与 JavaScript 的 Apache Arrow 客户端工具一起使用。 想获得 Elastic 认证吗？了解下一期 Elasticsearch Engineer 培训的时间吧！ Elasticsearch 拥有众多新功能，助你为自己…...
智能在线客服平台：数字化时代企业连接用户的 AI 中枢
随着互联网技术的飞速发展，消费者期望能够随时随地与企业进行交流。在线客服平台作为连接企业与客户的重要桥梁，不仅优化了客户体验，还提升了企业的服务效率和市场竞争力。本文将探讨在线客服平台的重要性、技术进展、实际应用，并…...
Qt Http Server模块功能及架构
Qt Http Server 是 Qt 6.0 中引入的一个新模块，它提供了一个轻量级的 HTTP 服务器实现，主要用于构建基于 HTTP 的应用程序和服务。 功能介绍： 主要功能 HTTP服务器功能： 支持 HTTP/1.1 协议 简单的请求/响应处理模型 支持 GET…...
css的定位（position）详解：相对定位 绝对定位 固定定位
在 CSS 中，元素的定位通过 position 属性控制，共有 5 种定位模式：static（静态定位）、relative（相对定位）、absolute（绝对定位）、fixed（固定定位）和…...
04-初识css
一、css样式引入 1.1.内部样式 <div style"width: 100px;"></div>1.2.外部样式 1.2.1.外部样式1 <style>.aa {width: 100px;} </style> <div class"aa"></div>1.2.2.外部样式2 <!-- rel内表面引入的是style样…...
鸿蒙中用HarmonyOS SDK应用服务 HarmonyOS5开发一个生活电费的缴纳和查询小程序
一、项目初始化与配置 1. 创建项目 ohpm init harmony/utility-payment-app 2. 配置权限 // module.json5 {"requestPermissions": [{"name": "ohos.permission.INTERNET"},{"name": "ohos.permission.GET_NETWORK_INFO"…...
关于 WASM：1. WASM 基础原理
一、WASM 简介 1.1 WebAssembly 是什么？ WebAssembly（WASM） 是一种能在现代浏览器中高效运行的二进制指令格式，它不是传统的编程语言，而是一种 低级字节码格式，可由高级语言（如 C、C、Rust&am…...
QT3D学习笔记——圆台、圆锥
类名作用Qt3DWindow3D渲染窗口容器QEntity场景中的实体（对象或容器）QCamera控制观察视角QPointLight点光源QConeMesh圆锥几何网格QTransform控制实体的位置/旋转/缩放QPhongMaterialPhong光照材质（定义颜色、反光等）QFirstPersonC…...
零知开源——STM32F103RBT6驱动 ICM20948 九轴传感器及 vofa + 上位机可视化教程
STM32F1 本教程使用零知标准板（STM32F103RBT6）通过I2C驱动ICM20948九轴传感器，实现姿态解算，并通过串口将数据实时发送至VOFA上位机进行3D可视化。代码基于开源库修改优化，适合嵌入式及物联网开发者。在基础驱动上新增…...