客户端与服务器
上网的本质目的:通过互联网的形式获取和消费资源。
服务器:负责存放和对外提供资源的电脑。
客户端:负责获取和消费资源的电脑。
服务器对外提供的资源
文本、图片、视频、音频、数据…
数据是网页的灵魂。
URL地址
URL:UniformResourceLocator,统一资源定位符,用于标识互联网上每个资源的唯一存放位置。
例:
htpp://www.baidu.com
http://www.taobao.com
组成
1、客户端和服务器之间的通信协议;
2、存有资源的服务器名称;
3、资源在服务器具体存放位置;
通信协议+域名+端口号+路径+询问项+锚点。
http://www.taobao.com/products/pro1/12345.html
http通信协议
www.taobao.com服务器名称
products/pro1/12345.html资源在服务器存放的位置
网页打开过程
1、客户端请求服务器
用户使用电脑打开浏览器,输入要访问的网站地址,回车,向服务器发起资源请求;
2、服务器处理请求
服务器收到客户端发送的资源请求,服务器在内部处理这次请求,找到相关资源,把找到的资源响应发送给用户;
3、服务器响应客户端
网页如何请求数据
数据也是页面资源的一种,需要通过 请求-处理-响应 的方式获取。
在网页上请求服务器上的数据资源,需要用到XMLHttpRequest对象,简称xhr,是浏览器提供的JS成员。
var xhrObj=new XMLHttpRequest();
资源请求的方式
get()
get请求常用于获取服务器资源,根据URL地址获取资源。
post()
post请求常用于向服务器提交数据。
了解Ajax
Asynchronous JavaScript And XML,异步JavaScript和XML。在页面中利用XMLHttpRequest对象和服务器交互的方式称作Ajax。
常用于检测用户名是否被占用、动态检索、动态刷新数据、数据增删改查交互
接口
使用Ajax请求数据时被请求的URL地址称为数据接口,简称接口。