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

【ajax基础02】URL详解

news 2026/5/16 18:00:32

目录

一：什么是URL

二：URL组成

协议

​编辑

域名（在url中必须写）

资源路径

三：URL查询参数

定义：

语法格式：

如何利用axios实现特定数据查询：

语法格式:

案例：

1 单地区查询

2 多地区查询

四：如何赚钱

一：什么是URL

统一资源定位符(Uniform Resource Locator,缩写：URL),简称网址

二：URL组成

https://baidu.com/index.html

协议

https协议：超文本传输协议，规定了浏览器和服务第之间传输数据的格式

域名（在url中必须写）

域名：标记服务器在互联网中方位

如果不写就找不到对应的服务器，也就找不到对应服务器中的资源。

例如有www.baidu.com百度服务器、www.taobao.com淘宝服务器等互联网中的其它服务器

资源路径

资源路径：标记资源在服务器中的具体位置

三：URL查询参数

定义：

浏览器提供给服务器的额外信息，让服务器返回浏览器想要的数据

语法格式：

http://xxx.com/xxx?参数名1 = 值1&参数名2 = 值2

?后的内容即为url中的查询参数，通过特定的查询要求，去进行特定数据的获取

如何利用axios实现特定数据查询：

axios函数中提供了params选项，用于携带查询参数，将其拼接到url?参数名=值

语法格式:

axios({url:'网址',params:{参数名:值}
}).then(result=>{//对获取的数据进行的处理
})

案例：

1 单地区查询

获取省份列表下，辽宁省下市的数据

<body><div class="p-name"></div><script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script><script>axios({url: 'https://hmajax.itheima.net/api/city',params: {pname: '辽宁省'}}).then(result => {console.log(result);document.querySelector('.p-name').innerHTML = result.data.list.join('<br>')})</script>
</body>
2 多地区查询

<!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><p>省份名称：</p><input type="text" class="province"><p>城市名称：</p><input type="text" class="area"><button class="btn">查询</button><p>地区列表：</p><ul class="end"></ul><script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script><script>//点击完按钮后，实现数据的查询document.querySelector('.btn').addEventListener('click', function () {const pro = document.querySelector('.province').valueconst area = document.querySelector('.area').valueaxios({url: 'https://hmajax.itheima.net/api/area',params: {pname: pro,cname: area}}).then(result => {// console.log(result);document.querySelector('.end').innerHTML = result.data.list.join('<br>')})})</script>
</body></html>

四：如何赚钱

现在是否厌倦了程序员朝九晚五的生活，想给自己生活寻找另一条路径；在校大学生是否愿意在校进行人生中的第一次创业，获取人生第一桶金；是否正在看此篇文章的你愿意通过五年努力，让自己开上梦想的中的车子；

那就从提升认知开始，加入微木的知识星球：微木的创业思考

专属于创业者的交流集中地，创业、认知提升找微木！

1 创业底层方法论

2 从千万本书书籍中挑选出的，人生必读书目清单。

3 认知提升学习资源（秘密）

4 寻找赚钱项目底层方法论

5 好书精华提炼

6 深度链接微木

每天仅需0.3元/天，欢迎加入专属于创业者的交流集中地，创业、赚钱、认知提升找微木！

相关文章：

【ajax基础02】URL详解

目录 一&#xff1a;什么是URL 二&#xff1a;URL组成 协议 ​编辑 域名&#xff08;在url中必须写&#xff09; 资源路径 三&#xff1a;URL查询参数 定义&#xff1a; 语法格式&#xff1a; 如何利用axios实现特定数据查询&#xff1a; 语法格式: 案例&#xff1a…...

编程日记 2024/6/26 20:14:10

MySQL 7种Join的定义图解示范结果（所有join类型）

文章目录 MySQL 7种Join的定义&图解&示范&结果&#xff08;所有join类型&#xff09;基本知识笛卡尔积 建表&填充数据1-Join不带条件account筛选 1-Inner Join 内连接不带条件account相同where筛选玩点特殊的 2-Left Join 左连接不带条件account筛选 3-Right J…...

编程日记 2024/6/26 20:12:07

在 Oracle Linux 8.9 上安装 FFmpeg 的完整指南

在 Oracle Linux 8.9 上安装 FFmpeg 的完整指南 在 Oracle Linux 8.9 上安装 FFmpeg 的完整指南准备工作安装步骤1. 更新系统2. 启用 EPEL 仓库3. 启用 RPM Fusion 仓库4. 安装 DNF 插件核心包5. 启用 CodeReady Builder 仓库6. 安装 FFmpeg7. 验证安装 可能遇到的问题注意事项…...

编程日记 2024/6/26 20:11:06

python爬虫之实现edge无头浏览器和规避检测

python爬虫之实现edge无头浏览器和规避检测 爬取百度网页源码但不打开浏览器 实现代码如下&#xff1a; #需求&#xff1a;实现edge无头浏览器和规避检测 from selenium import webdriver from time import sleep from selenium.webdriver.edge.options import Options# 实现…...

编程日记 2024/6/26 20:10:05

每天一个数据分析题（三百八十七）- 线性回归分析

下列关于线性回归分析中的残差&#xff08;Residuals&#xff09;的假设说法正确的是&#xff1f; A. 残差均值总是为零 B. 残差均值总是小于零 C. 残差均值总是大于零 D. 以上说法都不对 数据分析认证考试介绍&#xff1a;点击进入 题目来源于CDA模拟题库 点击此处获取…...

编程日记 2024/6/26 20:09:04

Perl中的eval块：深入解析与应用

引言 Perl是一种功能强大的脚本语言&#xff0c;以其灵活性和强大的文本处理能力而闻名。在Perl编程中&#xff0c;eval块是一个非常重要的特性&#xff0c;它允许开发者捕获和处理异常&#xff0c;同时也提供了一种执行动态代码的方法。本文将详细探讨eval块的作用、用法以及…...

编程日记 2024/6/26 20:07:57

分享AI学习笔记之Python

当你说"抓取网站数据"时&#xff0c;通常指的是网络爬虫&#xff08;web scraping&#xff09;或网络抓取&#xff08;web crawling&#xff09;。Python提供了很多库可以帮助你实现这个功能&#xff0c;其中最常见的有requests&#xff08;用于发送HTTP请求&#xf…...

编程日记 2024/6/26 20:06:56

多版本GCC安装及切换

目录 1 背景2 安装2.1 Ubuntu 20.042.2 Ubuntu 18.04 3 配置4 切换4.1 切换到版本94.2 切换到版本10 1 背景 最近在研究C20中的协程需要安装GCC版本10。用到GCC多版本切换&#xff0c;记录步骤。 2 安装 2.1 Ubuntu 20.04 运行如下命令安装两个版本编译器: sudo apt insta…...

编程日记 2024/6/26 20:05:55

Redis进阶 - 朝生暮死之Redis过期策略

概述 Redis 是一种常用的内存数据库&#xff0c;其所有的数据结构都可以设置过期时间&#xff0c;时间一到&#xff0c;就会自动删除。你可以想象 Redis 内部有一个死神&#xff0c;时刻盯着所有设置了过期时间的 key&#xff0c;寿命一到就会立即收割。 你还可以进一步站在死神…...

编程日记 2024/6/26 20:04:53

MySQL实训--原神数据库

原神数据库 er图DDL/DML语句查询语句存储过程/触发器 er图 DDL/DML语句 SET NAMES utf8mb4; SET FOREIGN_KEY_CHECKS 0;DROP TABLE IF EXISTS artifacts; CREATE TABLE artifacts (id int NOT NULL AUTO_INCREMENT,artifacts_name varchar(255) CHARACTER SET utf8 COLLATE …...

编程日记 2024/6/26 20:03:52

Retrieval-Augmented Generation for Large Language Models A Survey

Retrieval-Augmented Generation for Large Language Models: A Survey 文献综述 文章目录 Retrieval-Augmented Generation for Large Language Models: A Survey 文献综述 Abstract背景介绍 RAG概述原始RAG先进RAG预检索过程后检索过程 模块化RAGModules部分Patterns部分 RAG…...

编程日记 2024/6/26 20:02:51

【曦灵平台】深度体验百度智能云曦灵平台之数字人3.0、声音克隆、直播等功能，AI加持就是不一样，快来一起体验

目录 资产数字人 2D数字人克隆声音克隆 AI卡片更多功能总结推荐文章 资产 可进行人像与声音的定制&#xff0c;让数字人形象和声音成为我们的专属资产&#xff0c;用于后续的内容生产工作 数字人 这里拍摄的视频分辨率和帧率必须要确保是官方要求&#xff0c;这里博主通过第…...

编程日记 2024/6/26 20:00:48

如何使用GPT？初学者的指南

ChatGPT是一个非常先进的AI工具&#xff0c;它使用GPT-4架构&#xff0c;能够生成自然的语言回应。它的多功能性和理解复杂指令的能力&#xff0c;使得很多人用它来回答各种问题&#xff0c;就像用Google一样输入关键词。不过&#xff0c;ChatGPT还能做更多事情&#xff0c;下面…...

编程日记 2024/6/26 19:59:47

24年了 直播带货的未来如何？

32 个国家在取消电商&#xff0c; 那我国的电商呢&#xff0c;首先电商是不会被取缔的。直播电商会被严格的控制&#xff0c;比如有一家饼店&#xff0c;它线下的销售是 3000 万&#xff0c;线上抖音的销售是 5, 000 万。 这一类型小而精又专业的品牌企业&#xff0c;未来在抖…...

编程日记 2024/6/26 19:58:46

【神经网络】深入理解多层神经网络（深度神经网络

&#x1f388;个人主页&#xff1a;豌豆射手^ &#x1f389;欢迎 &#x1f44d;点赞✍评论⭐收藏 &#x1f91d;希望本文对您有所裨益&#xff0c;如有不足之处&#xff0c;欢迎在评论区提出指正&#xff0c;让我们共同学习、交流进步&#xff01; 深入理解多层神经网络&#x…...

编程日记 2024/6/26 19:57:45

CAS原理与JUC原子类

一、CAS基本原理 1、Unsafe类 &#xff08;1&#xff09;概念及作用&#xff1a;增强Java语言操作底层资源的能力&#xff0c;里面的方法多为native修饰的方法&#xff08;基于C实现&#xff09;&#xff0c;不建议在代码中使用&#xff0c;不安全。 &#xff08;2&#xff…...

编程日记 2024/6/26 19:56:44

【杂记-浅谈OSPF协议之RouterDeadInterval死区间隔】

OSPF协议之RouterDeadInterval死区间隔 一、RouterDeadInterval概述二、设置RouterDeadInterval三、RouterDeadInterval的重要性 一、RouterDeadInterval概述 RouterDeadInterval&#xff0c;即路由器死区间隔&#xff0c;它涉及到路由器如何在广播网络上发现和维护邻居关系。…...

编程日记 2024/6/26 19:55:43

【每日刷题】Day75

【每日刷题】Day75 &#x1f955;个人主页&#xff1a;开敲&#x1f349; &#x1f525;所属专栏&#xff1a;每日刷题&#x1f34d; &#x1f33c;文章目录&#x1f33c; 1. 1833. 雪糕的最大数量 - 力扣&#xff08;LeetCode&#xff09; 2. 面试题 17.14. 最小K个数 - 力扣…...

编程日记 2024/6/26 19:53:41

文件管理器加载缓慢-禁用文件类型自动发现功能

文件管理器加载缓慢-禁用文件类型自动发现功能 右键“Shell”项&#xff0c;选择新建“字符串值” “FolderType”&#xff0c;数值为 NotSpecified。...

编程日记 2024/6/26 19:52:40

.[nicetomeetyou@onionmail.org].faust深入剖析勒索病毒及防范策略

引言&#xff1a; 在数字化时代&#xff0c;网络安全问题日益凸显&#xff0c;其中勒索病毒无疑是近年来网络安全的重大威胁之一。勒索病毒以其独特的加密机制和恶意勒索行为&#xff0c;给个人和企业带来了巨大的经济损失和数据安全风险。本文将从勒索病毒的传播方式、攻击链、…...

编程日记 2024/6/26 19:48:36

【ElevenLabs语音伦理合规白皮书】：面向银发群体的AI语音生成必须绕开的4类GDPR/《互联网信息服务深度合成管理规定》雷区

更多请点击&#xff1a; https://intelliparadigm.com 第一章&#xff1a;银发群体AI语音服务的伦理合规必要性 随着智能语音助手在居家养老、远程问诊、紧急呼叫等场景中的深度部署&#xff0c;面向60岁以上用户的AI语音服务已从“可选功能”演变为“关键基础设施”。然而&am…...

编程新知 2026/5/16 17:33:44

ModusToolbox实战：如何系统化降低物联网开发复杂性

1. 项目概述&#xff1a;为什么我们需要关注“复杂性”&#xff1f;在物联网&#xff08;IoT&#xff09;领域摸爬滚打十几年&#xff0c;我见过太多项目从雄心勃勃到最终搁浅&#xff0c;其核心症结往往不在于某个高深的技术难题&#xff0c;而在于“复杂性失控”。一个典型的…...

编程新知 2026/5/16 17:22:58

Mastra框架全解析：构建AI应用的全栈开发实践

1. 项目概述&#xff1a;一个面向AI应用开发的“全栈式”框架最近在折腾AI应用开发的朋友&#xff0c;估计都绕不开一个核心痛点&#xff1a;如何把大语言模型&#xff08;LLM&#xff09;的能力&#xff0c;稳定、高效、低成本地集成到自己的产品里。从调用API、管理对话状态、…...

编程新知 2026/5/16 16:46:33

欢迎使用Marp CLI

欢迎使用Marp CLI 【免费下载链接】marp-cli A CLI interface for Marp and Marpit based converters 项目地址: https://gitcode.com/gh_mirrors/ma/marp-cli 第二页幻灯片 列表项1列表项2列表项3 代码演示 def hello_world():print("Hello from Marp CLI!"…...

编程新知 2026/5/16 15:17:55

纸张计数技术深度解析：基于STM32与FDC2214的高精度电容传感系统架构剖析

纸张计数技术深度解析&#xff1a;基于STM32与FDC2214的高精度电容传感系统架构剖析 【免费下载链接】2019-Electronic-Design-Competition 【电赛】2019 全国大学生电子设计竞赛 &#xff08;F题&#xff09;纸张数量检测装置 &#xff08;基于STM32F407 & FDC2214 & …...

编程新知 2026/5/16 15:15:51

Mybatis-Plus条件构造器实战：QueryWrapper与UpdateWrapper的进阶应用与避坑指南

1. 为什么需要条件构造器&#xff1f; 在日常开发中&#xff0c;数据库操作是绕不开的话题。记得我刚入行时&#xff0c;每次写SQL都要手动拼接字符串&#xff0c;不仅容易出错&#xff0c;还经常被SQL注入漏洞困扰。后来接触到MyBatis&#xff0c;虽然解决了安全问题&#xf…...

编程新知 2026/5/16 13:31:14

别再乱接线了！ESP32-DevKitC V4开发板引脚功能详解与避坑指南（附引脚图）

ESP32-DevKitC V4开发板引脚安全操作手册&#xff1a;从入门到精通的接线法则 当你第一次拿到ESP32-DevKitC V4开发板时&#xff0c;那些密密麻麻的引脚可能会让你感到无从下手。作为一名曾经因为误接引脚而烧毁过三块开发板的"过来人"&#xff0c;我深知正确的引脚使…...

编程新知 2026/5/16 13:11:48

VUE+webrtc-streamer实战：从零搭建跨平台监控视频实时播放系统

1. 为什么选择VUEwebrtc-streamer这套方案 第一次接触监控视频实时播放需求时&#xff0c;我花了整整两周时间对比各种技术方案。市面上常见的方案比如FFmpeg转码WebSocket、RTMP协议推流、HLS切片播放都试了个遍&#xff0c;最后发现webrtc-streamer这个神器简直是监控领域的&…...

编程新知 2026/5/16 13:05:01

C#实战：利用NModbus4库高效读写西门子PLC浮点数据

1. 为什么选择NModbus4与西门子PLC通信&#xff1f; 在工业自动化领域&#xff0c;西门子PLC作为主流控制器&#xff0c;经常需要与上位机进行数据交换。而Modbus TCP协议因其跨平台性和简单易用的特点&#xff0c;成为连接不同厂商设备的通用方案。我在多个工业数据采集项目中…...

编程新知 2026/5/16 10:40:47

为什么你需要Scroll Reverser？macOS滚动方向独立控制的终极解决方案

为什么你需要Scroll Reverser&#xff1f;macOS滚动方向独立控制的终极解决方案 【免费下载链接】Scroll-Reverser Per-device scrolling prefs on macOS. 项目地址: https://gitcode.com/gh_mirrors/sc/Scroll-Reverser 在macOS上使用触控板和鼠标时&#xff0c;你是否…...

编程新知 2026/5/16 9:14:06