HTTP协议+Ajax基本知识+axios+模板引擎的基本使用

news2024/11/17 23:33:36

1.客服端服务器

我们先来了解一下上网的目的是什么?

例如:刷微博、浏览新闻、在线听音乐、在线看电影、等等...

上网的本质目的:通过互联网的形式来 获取和消费资源

1.2 服务器

上网过程中,负责 存放和对外提供资源 的电脑,叫做服务器。

 1.3 客户端

上网过程中,负责 获取和消费资源 的电脑,叫做客户端

 2. URL地址

        2.1 URL地址的概念

      URl(全称是 UniformResourceLocator)中文叫 统一资源定位符,用于标识互联网上每个资源的唯一存放位置。浏览器只有通过URL地址,才能正确定位资源的存放位置,从而成功访问到对应的资源

常见的URL举例:

        http://www.baidu.com

        http://www.taobao.com

        2.2 URL地址的组成部分

        URL地址一般由三部分组成:

1.客服端与服务器之间的 通信协议

2.存有该资源的 服务器名称

3.资源在服务器上 具体的存放位置

http://www.cnblogs.com/lihfoaghs0gh1561.html

http:通信协议

www.cnblogs.com:服务器名称

lihfoaghs0gh1561.html:资源在服务器位置的具体位置

3.客户端与服务器的通信过程

        3.1 图解客服端与服务器的通信过程

注意:

1. 客服端与服务器之间的通信过程,分为 请求 -- 处理 -- 响应 三个步骤

2. 网页中的每一个资源,都是通常 请求 -- 处理 -- 响应 的方式从服务器获取回来的

4. 服务器对外提供了哪些资源

4.1 网页中如何请求数据

数据,也是服务器对外提供的一种资源。只要是资源,必然要通过 请求 -- 处理 -- 响应 的方式进行获取。

 如果要在网页中请求服务器上的数据资源,则需要用到 XMLHttpRequest 对象

XMLHttpRequest(简称 xhr )是浏览器提供的 js 成员,通过它,可以请求服务器上的数据资源

最简单的用法 var xhrObj = new XMLHttpRequest()

4.2 资源的请求方式

客户端请求服务器时,请求的方式有很多种,最常见的两种请求方式分别为 get post 请求

get请求通常用于获取服务端资源(向服务器要资源)

  例如:根据URL地址,从服务器获取 HTML文件、css文件、js文件、图片文件、数据资源等

post请求通常用于向服务器提交数据(往服务器发送资源)

  例如:登录时向服务器提供的登录信息、注册时向服务器提交的注册信息、添加用户时向服务器提交用户信息等各种数据提交操作

5.了解Ajax

5.1 什么是Ajax

Ajax的全称是 Asynchronous Javascript And XML (异步JavaScript和XML) 。

通俗的理解:在网页中利用 XMLHttpRequest对象和服务器进行数据交互的方式,就是Ajax。

5.2 为什么要学Ajax

之前所学的技术,只能把网页做的更美观漂亮,或添加一些动画,但是,Ajax能让我们轻松实现实现网页服务器之间的数据交互

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/604617.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

dockers映射网络及数据卷

DOCKER docker run创建镜像时 1)检查本地是狗存在指定的惊像 2)利用镜像创建并启动一个容器 3)分配一个文件系统给容器,在只读的镜像曾外改在一层可读可写层 4)从宿主机配置的网桥接口中桥接一个虚拟机接口到容器…

springboot+vue实验室器材预约学习系统设计与实现

1、理论学习 深入学习Java Web开发技术。 在此基础上研究核心框架SpringBoot, MyBatis和Bootstrap等,为设计开发基于J2EE_SpringBoot的中药实验管理系统做好技术准备。 2.1功能要求 课题以提高中药实验开放共享、实施实验室网络化管理、提供优质的实验教学信息化服…

几何分布和负二项分布的关系

几何分布和负二项分布的关系 几何分布 在独立重复Bernoulli试验中,事件A首次发生时所进行的试验次数X服从几何分布 P ( X k ) ( 1 − p ) k − 1 p ( k 1 , 2 ⋯ ) E ( X ) 1 p 、 D ( X ) 1 − p p 2 P(Xk)(1-p)^{k-1}p(k…

sql server 字符串链接,及表连接多个值显示连接显示为一列 STUFF for xml path

sql server 字符串链接,及表连接多个值显示连接显示为一列 STUFF for xml path STUFF ( character_expression , start , length , replaceWith_expression ) 以下示例从第一个字符串 abcdef 的第 2 个位置 (b) 开始删除三个字符,然后在删除位置插入…

第10章_管理库表(DDL语句)

第10章_管理库表(DDL语句) 1. 基础知识 1.1 一条数据存储的过程 存储数据是处理数据的第一步 。只有正确地把数据存储起来,我们才能进行有效的处理和分析。否则,只能是一团乱麻,无从下手。那么,怎样才能把用户各种经营相关的、…

Oracle中的数据导出(2)

将Oracle数据库中的数据导出给其他的系统使用 怎么实现上述的这个需求呢? 这里我是使用spool脚本方法导出数据,其中在Oracle中的数据导出(1)http://t.csdn.cn/k5AOZ 已经描述了spool命令的使用。此篇我将使用spool命令脚本导出数据,下面是…

深入理解Linux虚拟内存管理(三)

系列文章目录 Linux 内核设计与实现 深入理解 Linux 内核(一) 深入理解 Linux 内核(二) Linux 设备驱动程序(一) Linux 设备驱动程序(二) Linux 设备驱动程序(三&#xf…

Stable Diffusion 超详细讲解

Stable Diffusion 超详细讲解 这篇文章是 《Stable Diffusion原理详解》的后续,在《Stable Diffusion原理详解》中我更多的是以全局视角讲解了 Stable Diffusion 的原理和工作流程,并未深入步骤细节。本文将在《Stable Diffusion原理详解》和《Diffusio…

【自用 三层代码结构】「go语言」项目中降低服务内的耦合性使用wire框架或工厂模式进行管理

文章目录 前言一、为什么需要分层?1. Server服务(向外暴露gRPC接口):2. API服务(向外暴露HTTP接口):3. domain模型的概念:DO(Domain Object):DTO&…

Docker安装Mysql教程(linux)

本文主要讲解如何使用Docker去安装mysql 一、搜索镜像 docker search mysql二、拉取镜像 不指定版本,默认为最新版,这里用的5.7 docker pull mysql:5.7三、创建容器(运行镜像) 1、内外都使用3306端口(确保你的宿主机3…

Umi微前端水印踩坑以及解决方案

最近公司需要在管理后台加一个水印方案~ 项目用的umi方案,以为就是改一个配置的问题,后来发现坑点还蛮多~ 希望此稳定能帮助到用umi 的你们. 一. 先来说说心路历程 坑点1 umi的水印适配只能在layout中进行配置,也就是路由配置中layout为false的页面无法配置水印,比如说登录页…

SCS【27】单细胞转录组之识别标记基因 (scran)

桓峰基因公众号推出单细胞生信分析教程并配有视频在线教程,目前整理出来的相关教程目录如下: Topic 6. 克隆进化之 Canopy Topic 7. 克隆进化之 Cardelino Topic 8. 克隆进化之 RobustClone SCS【1】今天开启单细胞之旅,述说单细胞测序的前世…

规则引擎架构-基于easy-rules

目录 概念理解实例和编码抽象出2条规则简单的规则引擎事实1的处理事实2的处理 easy-rules 规则的抽象和执行事实描述规则的抽象默认的规则 动态代理执行规则和动作规则的执行:org.jeasy.rules.core.DefaultRulesEngine#doFirepublic class RuleProxy implements Inv…

Java上进了,JDK21 要来了,并发编程再也不是噩梦了

更丝滑的并发编程模式 如果说之前的 JDK17你还觉得没必要折腾,那 JDK21确实有必要关注一下了。因为 JDK21 引入了一种新型的并发编程模式。 当前 Java 中的多线程并发编程绝对是另我们都非常头疼的一部分,感觉就是学起来难啃,用起来难用。但…

基础篇010.3 STM32驱动RC522 RFID模块之三:STM32软件模拟SPI驱动RC522

目录 1. 实验硬件及原理图 2. 利用STM32CubeMX创建MDK工程 2.1 STM32CubeMX工程创建 2.2 配置调试方式 2.3 配置时钟电路 2.4 配置时钟 2.5 配置GPIO 2.6 配置串口 2.7 项目配置 3. MDK工程驱动代码调试 3.1 按键、LED程序 3.2 SPI软件模拟程序 3.3 RC522驱动程序…

Unity制作二次元卡通渲染角色材质——1、资源分析

Unity制作二次元材质角色 回到目录 大家好,我是阿赵。 开始制作二次元角色材质之前,我觉得应该是先分析一下,我手上拿到的这个角色模型资源,总共有哪些信息是我们能用的。 所以这篇文章我不会分享具体的Shader,但我感觉…

基于RT-Thread快速上手SD NAND 虚拟文件系统

SD NAND 也称之为贴片式TF卡,贴片式SD卡,采用标准的SDIO接口,兼容SPI接口。下图所示为CS 新一代CS SD NAND NP1GCR01-AOW 大小为128M,对比128M的SD卡,可以看到贴片SD卡尺寸更小,不要SD卡座,占…

STM32杂乱笔记

问题都比较的基础和低级,仅记录一下。 问题一:stm32的某个.c文件中无法调用另一个.c中的指定变量,怎么解决? 以g_ADC_sample_vaule.Iu 为例,它是 drive_adc_info.c 里面的变量,想要在system_time_sequenc…

5.4 二叉树的性质和存储结构

博主简介:一个爱打游戏的计算机专业学生博主主页: 夏驰和徐策所属专栏:算法设计与分析 5.4.1 二叉树的性质 二叉树是一种特殊的树结构,它具有一些重要的性质: 1. 每个节点最多有两个子节点:二叉树的每个…

JavaScript:setInterval() 用法详解

文章目录 1 基本语法2 参数说明3 使用示例4 停止 setInterval() 方法 1 基本语法 setInterval() 是 JavaScript 中的一个内置函数,它用于在指定的间隔时间内重复执行一段代码,实现周期性操作。该函数的语法如下: setInterval(function, mil…