前后端数据交互技术——AJAX(零)旧
URL地址
URL地址的概念
URL(全称是UniformResourceLocator)中文叫统一资源定位符,用于表示互联网上每个资源的唯一存放位置。浏览器只有通过URL地址,才能正确定位资源的存放地址,才能正确定位资源的曾方位置,从而成功访问到对应的资源。
URL地址的组成部分
URL地址一般由三部分组成:
- 客户端与服务器之间的通信协议
- 存有该资源的服务器名称
- 资源在服务器上具体的存放位置
图解客户端与服务器的通信过程
① 客户端与服务器之间的通信过程,分为 请求-处理-响应 三个步骤。
② 网页中的每一个资源,都是通过 请求-处理-响应 的方式从服务器获取回来的。
基于浏览器的开发者工具分析通信过程
- 打开Chrome浏览器
- Ctrl+Shift+I打开Chrome的开发者工具
- 切换到Network面板
- 选中Doc标签
- 刷新页面,分析客户端与服务器的通信过程
服务器对外提供了哪些资源
网页中如何请求数据
数据,也是服务器对外提供了一种资源。只要是资源,必然要通过 请求-处理-响应 的方式进行获取。
如果要在网页中请求服务器上的数据资源,则需要用到XMLHttpRequest 对象。
XMLHttpRequest(简称xhr)是浏览器提供的js成员,通过它,可以请求服务器上的数据资源。
最简单的用法:
var xhrObj = newXMLHttpRequest()
资源的请求方式
客户端请求服务器是,请求的方式有很多种,最常见的的请求方式分别为get和post请求。
-
get 请求通常用于获取服务端资源(向服务器要资源)
例如:根据URL地址,从服务器获取HTML文件、css文件、js文件、图片文件、数据资源等。 -
post 请求通常用于向服务器提交数据(往服务器发送资源)
例如:登录时向服务器提交的登录信息、注册时向服务器提交的注册信息、添加用户时向服务器提交的用户信息的等各种数据提交操作。
本文来自博客园,作者:maplerain,转载请注明原文链接:https://www.cnblogs.com/maplerain/p/16295524.html 博主B站
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· DeepSeek 开源周回顾「GitHub 热点速览」