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

【ajax基础02】URL详解

news 2025/7/8 21:05:55

目录

一：什么是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

docker详细操作--未完待续

docker介绍 docker官网: Docker&#xff1a;加速容器应用程序开发 harbor官网&#xff1a;Harbor - Harbor 中文 使用docker加速器: Docker镜像极速下载服务 - 毫秒镜像 是什么 Docker 是一种开源的容器化平台&#xff0c;用于将应用程序及其依赖项&#xff08;如库、运行时环…...

编程新知 2025/7/6 18:34:54

Xshell远程连接Kali（默认 | 私钥）Note版

前言:xshell远程连接&#xff0c;私钥连接和常规默认连接 任务一 开启ssh服务 service ssh status //查看ssh服务状态 service ssh start //开启ssh服务 update-rc.d ssh enable //开启自启动ssh服务 任务二 修改配置文件 vi /etc/ssh/ssh_config //第一…...

编程新知 2025/7/8 0:34:21

STM32+rt-thread判断是否联网

一、根据NETDEV_FLAG_INTERNET_UP位判断 static bool is_conncected(void) {struct netdev *dev RT_NULL;dev netdev_get_first_by_flags(NETDEV_FLAG_INTERNET_UP);if (dev RT_NULL){printf("wait netdev internet up...");return false;}else{printf("loc…...

编程新知 2025/6/25 2:07:42

线程与协程

1. 线程与协程 1.1. “函数调用级别”的切换、上下文切换 1. 函数调用级别的切换 “函数调用级别的切换”是指&#xff1a;像函数调用/返回一样轻量地完成任务切换。 举例说明&#xff1a; 当你在程序中写一个函数调用&#xff1a; funcA() 然后 funcA 执行完后返回&…...

编程新知 2025/6/16 12:40:21

基于数字孪生的水厂可视化平台建设：架构与实践

分享大纲&#xff1a; 1、数字孪生水厂可视化平台建设背景 2、数字孪生水厂可视化平台建设架构 3、数字孪生水厂可视化平台建设成效 近几年&#xff0c;数字孪生水厂的建设开展的如火如荼。作为提升水厂管理效率、优化资源的调度手段&#xff0c;基于数字孪生的水厂可视化平台的…...

编程新知 2025/6/16 21:39:46

有限自动机到正规文法转换器v1.0

1 项目简介 这是一个功能强大的有限自动机&#xff08;Finite Automaton, FA&#xff09;到正规文法&#xff08;Regular Grammar&#xff09;转换器&#xff0c;它配备了一个直观且完整的图形用户界面&#xff0c;使用户能够轻松地进行操作和观察。该程序基于编译原理中的经典…...

编程新知 2025/7/8 19:06:27

使用 SymPy 进行向量和矩阵的高级操作

在科学计算和工程领域&#xff0c;向量和矩阵操作是解决问题的核心技能之一。Python 的 SymPy 库提供了强大的符号计算功能&#xff0c;能够高效地处理向量和矩阵的各种操作。本文将深入探讨如何使用 SymPy 进行向量和矩阵的创建、合并以及维度拓展等操作&#xff0c;并通过具体…...

编程新知 2025/7/6 21:40:59

20个超级好用的 CSS 动画库

分享 20 个最佳 CSS 动画库。 它们中的大多数将生成纯 CSS 代码&#xff0c;而不需要任何外部库。 1.Animate.css 一个开箱即用型的跨浏览器动画库&#xff0c;可供你在项目中使用。 2.Magic Animations CSS3 一组简单的动画&#xff0c;可以包含在你的网页或应用项目中。 3.An…...

编程新知 2025/7/6 21:43:13

uniapp 开发ios， xcode 提交app store connect 和 testflight内测

uniapp 中配置 配置manifest 文档&#xff1a;manifest.json 应用配置 | uni-app官网 hbuilderx中本地打包 下载IOS最新SDK 开发环境 | uni小程序SDK hbulderx 版本号&#xff1a;4.66 对应的sdk版本 4.66 两者必须一致 本地打包的资源导入到SDK 导入资源 | uni小程序SDK …...

编程新知 2025/7/7 15:30:50

NPOI Excel用OLE对象的形式插入文件附件以及插入图片

static void Main(string[] args) {XlsWithObjData();Console.WriteLine("输出完成"); }static void XlsWithObjData() {// 创建工作簿和单元格,只有HSSFWorkbook,XSSFWorkbook不可以HSSFWorkbook workbook new HSSFWorkbook();HSSFSheet sheet (HSSFSheet)workboo…...

编程新知 2025/6/21 14:09:32