敏捷开发——第二次作业JS/服务器的部署

部署 Web 服务器

1. 安装 Apache HTTP 服务器并部署静态网页应用

⭐⭐ 默认情况下,Apache 在 /var/www/html 目录下寻找要提供服务的文件。可以将静态网页文件放置在这个目录下

2.安装 Nginx 并部署静态页面应用

3. 实践部分

  1. 在 /var/www/html 目录下创建 123.html 文件,写入相关内容

4.1. 在网页中使用 ip地址 /123.html 进行搜索

4.2 或者将文件复制到 apache 默认目录下,这样直接搜索网页也可以得到网页内容

  1. 传本地照片到服务器上:

在本地 shell 中:

Javascript

Ajax

Ajax:异步 javascript 和 XML,是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。通过Ajax,可以实现在页面已加载后从服务器获取数据,然后异步地更新网页的某些部分,提升用户体验和页面响应速度。

AJAX的关键特点

  • 异步性:AJAX允许在不中断用户操作的情况下与服务器通信。这意味着页面无需刷新就可以更新数据,提高了应用程序的响应速度和用户体验。
  • 使用JavaScript操作DOM:接收到服务器响应后,可以使用JavaScript动态更新页面的DOM,改变页面内容或样式。
  • 支持多种数据格式:虽然AJAX名称中包含XML,但现代AJAX应用通常使用JSON作为数据交换格式,因为它更轻量,且易于处理。

AJAX的应用场景

  • 表单验证:用户填写表单时,可以实时验证数据的有效性(如用户名是否已存在),而无需提交表单。
  • 数据加载:滚动到页面底部自动加载更多内容(无限滚动),或者在不离开当前页面的情况下,通过点击按钮加载新内容。
  • 实时更新:在社交媒体、新闻网站或股票交易平台上,实时更新信息或图表,无需用户手动刷新页面。

总结

AJAX是一种强大的Web技术,它通过异步方式与服务器通信,使得Web应用能够快速响应用户操作,无需重新加载页面即可更新数据。这大大提高了Web应用的交互性和用户体验。随着Web技术的发展,AJAX已成为现代Web应用不可或缺的一部分。

相关推荐
大梦想家~8 小时前
在职牛马,因为考过阿里云ACP,浅说下一次过的强度
运维·云计算·网络工程师·阿里云acp·云计算工程师·阿里云acp考试·阿里云acp备考
2501_926978338 小时前
分形时空理论框架:从破缺悖论到意识宇宙的物理学新范式引言(理论概念版)--AGI理论系统基础1.1
java·服务器·前端·人工智能·经验分享·agi
leo_2329 小时前
IP--SMP(软件制作平台)语言基础知识之六十四
服务器·开发语言·tcp/ip·企业信息化·smp(软件制作平台)·应用系统·eom(企业经营模型)
暴力求解9 小时前
Linux-进程(三)进程的孤儿状态和僵尸状态
linux·运维·服务器
乾元9 小时前
数据投毒:如何通过训练数据污染埋下“后门”
运维·人工智能·网络协议·安全·网络安全·系统架构·自动化
小鸡食米9 小时前
Keepalived高可用
运维·服务器·网络
dreams_dream9 小时前
docker清除所有网络
运维·docker·容器
承渊政道9 小时前
Linux系统学习【深入剖析Git的原理和使用(下)】
linux·服务器·git·学习·gitee·vim·gitcode
The森10 小时前
Linux IO 模型纵深解析 06:IO 多路转接与多路复用的内核全链路实现
linux·服务器
敲上瘾10 小时前
从虚拟地址到物理页框:Linux 页表与内存管理全解析
linux·运维·服务器·缓存