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(端到端的方法）简单的理解就是没有使…...
软件后端开发速度慢的科技公司老板有没有思考如何破局
最近接到两个科技公司咨询，说是他们公司后端开发速度太慢，前端程序员老等着，后端程序员拖了项目进度。 这种问题不只他们公司，在软件外包公司中，有一部分项目甲方客户要得急，以至于要求软件开发要快&#…...
连锁超市冷库节能解决方案：如何实现超市降本增效
在连锁超市冷库运营中，高能耗、设备损耗快、人工管理低效等问题长期困扰企业。御控冷库节能解决方案通过智能控制化霜、按需化霜、实时监控、故障诊断、自动预警、远程控制开关六大核心技术，实现年省电费15%-60%，且不改动原有装备、安装快捷、…...
电脑插入多块移动硬盘后经常出现卡顿和蓝屏
当电脑在插入多块移动硬盘后频繁出现卡顿和蓝屏问题时，可能涉及硬件资源冲突、驱动兼容性、供电不足或系统设置等多方面原因。以下是逐步排查和解决方案： 1. 检查电源供电问题 问题原因：多块移动硬盘同时运行可能导致USB接口供电不足&#x…...
MVC 数据库
MVC 数据库 引言 在软件开发领域，Model-View-Controller（MVC）是一种流行的软件架构模式，它将应用程序分为三个核心组件：模型（Model）、视图（View）和控制器（Controller）。这种模式有助于提高代码的可维护性和可扩展性。本文将深入探讨MVC架构与数据库之间的关系，以…...
【Go】3、Go语言进阶与依赖管理
前言 本系列文章参考自稀土掘金上的 【字节内部课】公开课，做自我学习总结整理。 Go语言并发编程 Go语言原生支持并发编程，它的核心机制是 Goroutine 协程、Channel 通道，并基于CSP（Communicating Sequential Processes࿰…...
从零实现STL哈希容器：unordered_map/unordered_set封装详解
本篇文章是对C学习的STL哈希容器自主实现部分的学习分享 希望也能为你带来些帮助~ 那咱们废话不多说，直接开始吧！ 一、源码结构分析 1. SGISTL30实现剖析 // hash_set核心结构 template <class Value, class HashFcn, ...> class hash_set {ty…...
企业如何增强终端安全？
在数字化转型加速的今天，企业的业务运行越来越依赖于终端设备。从员工的笔记本电脑、智能手机，到工厂里的物联网设备、智能传感器，这些终端构成了企业与外部世界连接的 “神经末梢”。然而，随着远程办公的常态化和设备接入的爆炸式…...
人工智能（大型语言模型 LLMs）对不同学科的影响以及由此产生的新学习方式
今天是关于AI如何在教学中增强学生的学习体验，我把重要信息标红了。人文学科的价值被低估了 ⬇️ 转型与必要性 人工智能正在深刻地改变教育，这并非炒作，而是已经发生的巨大变革。教育机构和教育者不能忽视它，试图简单地禁止学生使…...
SpringAI实战：ChatModel智能对话全解
一、引言：Spring AI 与 Chat Model 的核心价值 🚀 在 Java 生态中集成大模型能力，Spring AI 提供了高效的解决方案 🤖。其中 Chat Model 作为核心交互组件，通过标准化接口简化了与大语言模型（LLM࿰…...
React从基础入门到高级实战：React 实战项目 - 项目五：微前端与模块化架构
React 实战项目：微前端与模块化架构 欢迎来到 React 开发教程专栏 的第 30 篇！在前 29 篇文章中，我们从 React 的基础概念逐步深入到高级技巧，涵盖了组件设计、状态管理、路由配置、性能优化和企业级应用等核心内容。这一次&…...
2.3 物理层设备
在这个视频中，我们要学习工作在物理层的两种网络设备，分别是中继器和集线器。首先来看中继器。在计算机网络中两个节点之间，需要通过物理传输媒体或者说物理传输介质进行连接。像同轴电缆、双绞线就是典型的传输介质，假设A节点要给…...