ajax前言

64 阅读2分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第3天,点击查看活动详情

我们想要学习ajax,需要认识数据传输的基本流程

客户端:负责获取和消费资源的电脑,叫做客户端(用户自己的电脑)

服务器:上过程中,负声存放和对外提供资的电脑,叫做服务器,

URL地址概念:用于标识互联网上每个资源的唯一存放位置,浏览器只有通过url地址才能确定资源的存放位置,从而成功访问对应资源

URL地址组成成分: 1.客户端和服务器之间的通信协议

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

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

客户端和服务器的通信工程

1.客户端打开浏览器

2.输入要访问的网站地址

3.回车,向服务器发起资源请求

4.服务器处理这次请求

5.服务器接收到客户端发来的资源请求

6.服务器在内部处理这次请求,找到相关资源

7.服务器把找到的资源,响应(发送)给客户端

总结来说,客户端和服务器之间的通信过程,分为请求-处理-响应

资源的请求方法

网页中常见的资源有文字内容,image图片,audio音频,video视频

网页中的数据,也是服务器对外提供的一种资源

网页中如何请求数据

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

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

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

因此较为简单的构建函数方法使用

var xhrObj = new XMLHttpRequest()

资源请求方法方式

客户端请求服务器时,请求方式主要有get和post请求

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

根据URL地址,从服务器孩取HTML文件、CSS文件、js文件、图片文件、数据资源等

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

简单的例子,登录时向服务器提交的登录信息、注册时向服务器提交的注册信息、添加用户时向服务器提交的用户信息等各种数据提交操作