1.客户端与服务器
1.1 客户端
上网过程中,负责获取和消费资源的电脑,叫做客户端。
1.2 服务器
上网过程中,负责存放和对外提供资源的电脑,叫做服务器。
2.URL地址
21.URL地址的概念
URL(全称是UniformResourceLocator)中文叫统一资源定位符,用于标识互联网上每个资源的唯一存放位置。浏览器只有通过URL地址,才能正确定位资源的存放位置,从而成功访问到对应的资源。
2.2 URL地址的组成部分
URL地址一般由三部分组成:
① 客户端与服务器之间的通信协议
② 存有该资源的服务器名称
③ 资源在服务器上具体的存放位置
3.客户端与服务器的通信过程
① 打开浏览器,输入要访问的网站地址(URL地址),回车,即向服务器发起了资源请求;
② 服务器接收到客户端发来的资源请求;
③ 服务器在内部处理这次请求,找到相关的资源;
④ 服务器把找到的资源,响应(发送)给客户端。
注意:①客户端与服务器之间的通信过程,分为 请求 – 处理 – 响应 三个步骤。
②网页中的每一个资源,都是通过 请求 – 处理 – 响应 的方式从服务器获取回来的。
4. 初识Ajax
4.1 网页中如何请求数据
数据,也是服务器对外提供的一种资源。只要是资源,必然要通过 请求 – 处理 – 响应 的方式进行获取。
如果要在网页中请求服务器上的数据资源,则需要用到 XMLHttpRequest 对象。
XMLHttpRequest(简称 xhr)是浏览器提供的 js 成员,通过它,可以请求服务器上的数据资源。
4.2 什么是Ajax
Ajax 的全称是 Asynchronous Javascript And XML(异步 的JavaScript 和 XML)。
通俗的理解:在网页中利用 XMLHttpRequest 对象和服务器进行数据交互的方式,就是Ajax。
通过Ajax可以在浏览器中向服务器发送异步请求,最大的优势:无刷新获取数据。
Ajax不是新的编程语言,而是一种将现有的标准组合在一起使用的新方式。
4.3 为什么要学Ajax
之前所学的技术,只能把网页做的更美观漂亮,或添加一些动画效果,但是,Ajax能让我们轻松实现网页与服务器之间的数据交互。
① HTML是网页的骨架;
② CSS是网页的颜值;
③ Javascript是网页的行为;
④ 数据,则是网页的灵魂。
4.4 Ajax的典型应用场景
① 用户名检测:注册用户时,通过 ajax 的形式,动态检测用户名是否被占用;
② 搜索提示:当输入搜索关键字时,通过 ajax 的形式,动态加载搜索提示列表;
③ 数据分页显示:当点击页码值的时候,通过 ajax 的形式,根据页码值动态刷新表格的数据;
④ 数据的增删改查:数据的添加、删除、修改、查询操作,都需要通过 ajax 的形式,来实现数据的交互。
4.5 XML简介
XML可扩展标记语言,虽然XML和HTML都是标记语言,但是二者之间没有任何关系,XML是用来传输和存储数据,HTML则是用来在网页中呈现数据。
XML和HTML使用类似,不同的是HTML中都是预定义标签,而XML中没有预定义标签,全都是自定义标签,用来表示一些数据。
由于XML的阅读性较差,现在已经被JSON取代了。
4.6 Ajax的特点
(1)Ajax的优点
① 可以无需刷新页面而与服务器端进行通信;
② 允许你根据用户事件(比如点击、鼠标移入等)来更新部分页面内容;
(2)Ajax的缺点
① 没有浏览历史,不能回退;
② 存在跨域问题(同源);
③ SEO不友好;