4.1.3 网站通信技术
文章目录
- 1. 网站通信方式
- 2. URL - 统一资源定位符
- 定义
- 格式
- 演示
- 3. 发送请求的4种形式
- 在地址栏中输入URL访问
- 超链接href属性指定URL
- form表单在action中指定URL
- 通过AJAX请求后端数据
- 4. 两种不同返回的请求
- 发送URL,后端处理完响应页面
- 发送AJAX请求,后端处理完响应字符串或JSON字符串
今天我们将深入探讨网站通信技术,这是互联网时代中不可或缺的技术之一。我们将从基础的HTTP通信开始,逐步深入了解URL的作用,以及如何通过不同的方式发送请求。
1. 网站通信方式
在互联网的世界里,网站和服务器之间的通信主要依赖于HTTP协议。这个过程其实就是Web应用的请求响应机制。当我们在浏览器中输入一个URL,浏览器就会向后端服务器发送一个请求,这个请求包含了URL、Header等信息。服务器监听特定的端口,接收到请求后进行处理,并将处理结果以响应的形式返回给前端浏览器。
2. URL - 统一资源定位符
定义
URL(Uniform Resource Locator)是互联网上用于定位和访问资源的唯一地址。它定义了资源在网络中的位置,允许用户通过浏览器等工具快速访问。
格式
一个典型的URL格式如下:
协议名://主机名:端口号/路径名
例如,http://localhost:8080/huawei/vueboot.png
就是一个URL,它指向本地服务器上的一个图片资源。
演示
让我们通过一个实际的例子来演示URL的使用。首先,在服务器上准备一张图片,存放路径为D:\apache-tomcat-10.1.16\webapps\huawei\vueboot.png
。然后,在命令行窗口启动Tomcat服务器,执行命令startup.bat
。最后,通过浏览器访问http://localhost:8080/huawei/vueboot.png
来查看这张图片。
3. 发送请求的4种形式
在Web应用中,发送请求有以下几种常见的形式:
在地址栏中输入URL访问
例如,直接在浏览器地址栏中输入http://localhost:8080/huawei/login.html
来访问登录页面。
超链接href属性指定URL
创建一个首页index.html
,并在其中添加一个超链接,通过单击该链接来访问另一个页面。例如,访问http://localhost:8080/huawei/index.html
,然后单击【泸州职业技术学院】超链接。
form表单在action中指定URL
在登录表单中,通过<form action="doLogin.jsp" method="post">
来指定登录请求发送到的URL。登录处理页面可以通过response.sendRedirect("showProduct.jsp");
来跳转到商品展示页面。
通过AJAX请求后端数据
使用AJAX技术,我们可以在不重新加载整个页面的情况下,与服务器进行数据交换。例如,通过fetch('emp/getAll')
来获取全部员工数据,并在页面上动态显示。
4. 两种不同返回的请求
在Web应用中,请求的返回也有两种不同的情况:
发送URL,后端处理完响应页面
例如,当用户访问http://localhost:8080/showEmployee
,后端控制器会处理请求并返回一个员工信息页面。
发送AJAX请求,后端处理完响应字符串或JSON字符串
例如,通过AJAX请求emp/getById/2
,后端控制器会返回一个JSON格式的员工数据字符串,前端页面通过JavaScript处理并显示这些数据。
通过这些演示,我们可以更深入地理解网站通信技术的工作机制,以及如何在实际的Web应用中应用这些技术。
相关文章:
4.1.3 网站通信技术
文章目录 1. 网站通信方式2. URL - 统一资源定位符定义格式演示 3. 发送请求的4种形式在地址栏中输入URL访问超链接href属性指定URLform表单在action中指定URL通过AJAX请求后端数据 4. 两种不同返回的请求发送URL,后端处理完响应页面发送AJAX请求,后端处…...
Java-图书管理系统
我的个人主页 欢迎来到我的Java图书管理系统,接下来让我们一同探索如何书写图书管理系统吧! 1管理端和用户端 2建立相关的三个包(book、operation、user) 3建立程序入口Main类 4程序运行 1.首先图书馆管理系统分为管理员端和…...
python如何通过json以及pickle读写保存数据
记录信息 比如说我写了这样一段程序,记录了爱吃的食物: food_list []while True:c input("输入1添加新的食物,输入2查询已添加的食物,输入exit退出:")if c "1":new_food input("输入你…...
【SPIE出版,EI检索稳定】2024年人机交互与虚拟现实国际会议(HCIVR 2024,11月15-17日)
2024年人机交互与虚拟现实国际会议(HCIVR 2024) 2024 International Conference on Human-Computer Interaction and Virtual Reality 官方信息 会议官网:www.hcivr.org 2024 International Conference on Human-Computer Interaction and …...
Linux vim编辑器
前言: 首先我们来了解一下什么是编辑器,通常我们在widow系统下例如C/C我们进行写代码时,我们通过vs2022等等编译器进行,这里的编译器是一种IDE(集成开发环境),集成开发环境是将代码编辑器、编译…...
普推知产:申请商标名称从4字改成3字下了初审!
近日7月的时候普推知产老杨帮客户申请的水果猕猴桃31类商标,初步审定公告下来了,基本没什么问题三个月公告结束后一个月内就可以拿到商标注册证,客户所在地全国有名猕猴桃之县,同质化竞争还得需要商标才可以。 刚开始了解到这位做…...
Flink 状态精准一次性特性
Flink 的一个重大价值在于, 它既保证了 exactly-once ,也具有低延迟和高吞吐 的处理能力 。 1.端到端(End-To-End)状态一致性 端到端的一致性保证,意味着结果的正确性贯穿了整个流处理应用的始终;每 一…...
算法笔记day08
1.游游的水果大礼包 这道题很容易让人想到贪心,但是其实是一道枚举题,只需举一个反例,贪心无非就是哪个礼包价值大,就优先组成哪个礼包。 算法思路: 设可以组成x个a礼包,y个b礼包,求ax by的最…...
在Selenium中有哪些元素对象操作方法?( ̄﹃ ̄)
在Selenium中,driver.find_element() 方法用于定位页面上的单个元素。一旦你定位到了一个元素,你可以对这个元素执行多种操作。此外,driver.find_element() 只是定位元素的方法之一,它还有其他一些相关的方法和属性,但…...
sqli-labs靶场安装以及刷题记录-docker
sqli-labs靶场安装以及刷题记录-docker sqli-labs靶场安装-dockersqli-labs靶场刷题less-1 单引号less-2 数字型less-3 单引号括号less-4 双引号括号less-5 单引号布尔盲注less-6 双引号布尔盲注less-7 单引号加括号、输出到文件less-8 单引号布尔盲注less-9 单引号时间盲注les…...
谷歌仓库管理工具repo
Google 的仓库管理工具 Repo 是一个用于管理包含多个 Git 仓库的大型项目的命令行工具。它最初由 Google 为 Android 操作系统开发,以简化和协调众多子项目的版本控制和协作过程。以下是对 Repo 的详细解释: 主要功能与特点 多仓库管理: Rep…...
C#的自定义Tip窗体 - 开源研究系列文章
上次编写了自定义的提示和对话框窗体,这次记录的是自定义的Tip窗体,用于显示提示操作。有时间没编程了,这次就当进行了记录。 1、 项目目录; 2、 源码介绍; 1) 实现; 2) 应用; 3、 运行界面&…...
目前最新 Reflector V11.1.0.2067版本 .NET 反编译软件
目前最新 Reflector V11.1.0.2067版本 .NET 反编译软件 一、简介二、.NET Reflector的主要功能包括:1. **反编译**: 反编译是将已编译的.NET程序集(如.dll或.exe文件)转换回可读的源代码。这使得开发者可以查看和学习第三方库的实现细节&…...
软考:CORBA架构
CORBA过时了吗 CORBA指南 个人小结: IPC,进程间通信,Socket应用在不同机器之间的通信 RPC是一种技术思想而非一种规范 但站在八九十年代的当口,简单来说,就是我在本地调用了一个函数,或者对象的方法&…...
qt QSaveFile详解
QSaveFile 是 Qt 提供的一个类,用于安全地保存文件。它的主要特点是在写入文件时确保数据完整性,以防止文件损坏。使用 QSaveFile,您可以创建一个临时文件,并在成功写入后将其重命名为目标文件,这样可以避免在写入过程…...
【Linux】线程池详解及其基本架构与单例模式实现
目录 1.关于线程池的基本理论 1.1.线程池是什么? 1.2.线程池的应用场景: 2.线程池的基本架构 2.1.线程容器 2.2.任务队列 2.3.线程函数(HandlerTask) 2.4.线程唤醒机制 3.添加单例模式 3.1.单例模式是什么&…...
运输层知识点汇总3
目录 前言 二、为什么在TCP首部中有一个首部长度字段,而UDP的首部就没有这个字段? 三、一个TCP报文段的数据部分最多为多少字节?为什么?如果用户要传送的数据的字节长度超过TCP报文段中的序号字段可能编出的最大序号࿰…...
浔川社团官方联合会提前入驻
近期,我们浔川社团官方发现文章再次被不明网站转发。这一情况引起了我们的高度警觉和深刻反思。我们一直致力于为大家提供高质量、有价值的内容,用心创作每一篇文章,以展现我们社团的风采和理念。然而,这些不明网站未经授权的转发…...
比例数据可视化(Python实现板块层级图绘制)——Instacart Market Basket Analysis
【实验名称】 实验一:绘制板块层级图 【实验目的】 1. 掌握数据文件读取 2. 掌握数据处理的方法 3. 实现板块层级图的绘制 【数据介绍】Instacart Market Basket Analysis 1. 数据说明 数据共有300 0000orders, 20 0000users, …...
C++研发笔记8——C语言程序设计初阶学习笔记6
在第一部分——课前准备的学习中,我就提到了学习C语言的过程中,练习是必不可少的环节,所以本篇笔记我们来进行记录我们学习《C语言程序设计初阶》阶段的第一篇练习文章。 题目一 下面哪个不是C语言内置的数据类型: A.char B.d…...
0softmax和背后的最大熵(极大似然法)
只要无穷阶矩都一样,那么两个分布一定一样。 整理思路:1、设定样本的概率模型与目标概率模型一致(两个模型特性函数一致)建立服从伯努利分布的变量(此处需要理解样本空间及变量的关系)对两个模型进行降维&a…...
6,000 个网站上的假 WordPress 插件提示用户安装恶意软件
黑客使用窃取的凭证感染 WordPress 网站,并向其发送虚假插件,通过虚假的浏览器更新提示向最终用户发送恶意软件和信息窃取程序。 该恶意活动基于ClickFix假浏览器更新恶意软件的新变种,自 2024 年 6 月以来已使用假 WordPress 插件感染了超过…...
最新Compose环境版本
1.gradle gradle 8.10.2 插件版本 8.7.1 Android Studio Ladybug | 2024.2.1 Patch 1 2.model 下 的 build.gradle.kts plugins {alias(libs.plugins.android.application)alias(libs.plugins.kotlin.android)alias(libs.plugins.kotlin.compose)id("kotlin-kapt&qu…...
流媒体协议.之(RTP,RTCP,RTSP,RTMP,HTTP)(一)
闲着没事做,记录一下开发项目用过的协议,项目中,大多是是实时显示播放的,通过私有协议,传输到上位机,实时播放,延时小于200ms,仿照这些协议,定义的数据格式。如果用这些协…...
【智能大数据分析 | 实验四】Spark实验:Spark Streaming
【作者主页】Francek Chen 【专栏介绍】 ⌈ ⌈ ⌈智能大数据分析 ⌋ ⌋ ⌋ 智能大数据分析是指利用先进的技术和算法对大规模数据进行深入分析和挖掘,以提取有价值的信息和洞察。它结合了大数据技术、人工智能(AI)、机器学习(ML&a…...
es实现自动补全
目录 自动补全 拼音分词器 安装拼音分词器 第一步:下载zip包,并解压缩 第二步:去docker找到es-plugins数据卷挂载的位置,并进入这个目录 第三步:把拼音分词器的安装包拖到这个目录下 第四步:重启es 第…...
【日志】Unity3D模型导入基本问题以及浅谈游戏框架
2024.10.22 真正的谦逊从来不是人与人面对时的谦卑,而是当你回头看那个曾经的自己时,依旧保持肯定与欣赏。 【力扣刷题】 暂无 【数据结构】 暂无 【Unity】 导入外部模型资源报错问题 在导入外部资源包的时候一般都会报错,不是这个资源模…...
1.8K Star,简洁易用 Web 端创意画板
Hi,骚年,我是大 G,公众号「GitHub 指北」会推荐 GitHub 上有趣有用的项目,一分钟 get 一个优秀的开源项目,挖掘开源的价值,欢迎关注。 在数字创作的时代,找到一款功能强大且易于使用的绘图工具…...
WPF中的<Style.Triggers>
Triggers介绍 在XAML中,Triggers是Style元素的一部分,用于定义在特定条件触发时应用的样式更改。这些触发器可以响应各种事件和属性值的变化,例如控件的状态变化(如鼠标悬停、焦点状态)、数据绑定值的变化等。 以下是…...
pod相关面试题总结(持续更新)
1:当一个Pod有多个容器时,如果连接到指定的容器? #查看当前空间下的pod [rootmaster210 pods]# kubectl get pods NAME READY STATUS RESTARTS AGE linux85-nginx-tomcat 2/2 Running 0 63s [rootmaster210 …...
企业品牌logo设计/关键词优化公司前十排名
React中为什么要使用bind? 函数传参 比如在一个组件中,有一个点击事件,当点击时触发一个方法,onClick{ this.fun },能达到我们的目的,触发了方法,执行了函数里的代码,但是有一个问…...
网站自响应/今日头条指数查询
该文章阅读需要8分钟,更多文章请点击本人博客halu886 1.原生函数基本概念 1.1原生函数是什么1.2作用是什么1.3补充2.[[class]]3.封装对象包装4.拆封1.原生函数基本概念 1.1原生函数是什么 JavaScript为基本数据类型提供了封装对象,被称为原生函数(native function),同时也叫内建…...
西安做网站排名/做网页
创建表的两种办法: 使用DBMS 提供的交互式创建和管理数据库表的工具;直接用SQL 语句创建。表创建基础 创建表示例: 1 CREATE TABLE Products 2 ( 3 prod_id CHAR(10) NOT NULL,--是否可以为null 4 vend_id CHAR(10) NOT NULL, 5 …...
建设海外网站/做百度推广的公司电话号码
高考成绩公布后,很多家长和学生咨询我们,湖南高考个人成绩排名位次如何查询:湖南高考成绩排名,可以通过省招生考试院发布的湖南一分一段表来查询,也可以到聚志愿网站直接输入分数查询,一分一段它显示每一个…...
做网站的疑问有哪些/新闻播报最新
如何对PHP程序中的常见漏洞进行攻击(上) 文章属性:翻译 文章来源:httpwww.china4lert.org 文章提交:analysist (analysist_at_china.com) 如何对PHP程序中的常见漏洞进行攻击(上) 原著ÿ…...
昆明网站建设公司排名/百度竞价推广有哪些优势
import random #导入随机数工具包 def rollDice(): die1 random.randrange( 1, 7 ) #取1到7之间的任意一个数 die2 random.randrange( 1, 7 ) #取1到7之间的任意一个数 workSum die1 die2 #求两个随机数的和 print "Player rolled %d %d %d" % ( die1, die2, …...