Ajax
我们之前接触到的网页吗,都是:
- html标签
- CSS样式属性
- Javascript脚本
所有的网页都要放在服务器,用户才能看到
服务器:方便维护,服务器更新用户就可以看到最新的东西
用户,就代表客户端:笔记本电脑,台式机,移动终端
客户端和服务器,其实都是计算机,只不过性能和用途不同
胖客户度:C/S结构 大部分数据由客户端处理,服务器压力小;
瘦客户端:B/S结构 大部分数据处理都在服务器上面。客户端压力小;
2.计算机的通信协议
客户端,和服务器是有交流的,也就是我们说的通信协议
如何理解通信协议
参与者:程序员、计算机
1:程序员和程序员的交流:
汉语、英语。。。。
2: 程序员、计算机的交流:
Javascript、c/c+、java、c#......
3:计算机、计算机的交流方式
http、ftp、smtp/pop
那么,协议的本质就是交互双方以约定好的方式进行沟通;
多台计算机形成网络
计算机之间是如何找到彼此?
IP地址:唯一确定网络上的一台电脑、
IP分为外网IP和内网IP(局域网IP);
端口:传输;
域名:由于IP地址不方便记忆,所以给了IP地址一个别名——也就是通过域名可以找到对应的IP地址;
DNS:domain name system 域名系统 保存了域名和IP地址的对应关系;
所以,访问一个网页的流程:
https://www.baidu.com/
1. 通过域名查询DNS系统找到IP地址
2. 通过IP地址找到百度的服务器
3. 通过80端口找到百度服务器上面的应用程序:例如Apache等
4. 服务器返回网页的内容(html.css.js.php.asp)
5. 浏览器把内容渲染成页面
学习ajax,就要有服务器
配置服务器 wamp
W:window 操作系统
A:Apache 提供web服务
M:MySQL 数据库
P:php 动态网站开发语言
那么,以后,要做与后台交互的demo,就要用这玩意儿,否则直接打开是不行的
自己的demo放在www文件夹里面,然后通过localhost访问
前端和后端的角色分工
前端是静态效果,后端是干啥的?
将前端页面的预留位置填充好数据,重新生成页面,也就是按照模板动态填充不同的内容,生成不同的页面
从开发的角度:
前端的页面效果写好交给后端
后端从数据库获取数据,根据特定的条件填充到页面的相应位置
客户端请求动态网站的PHP文件,PHP动态生成HTML
Apache返回html给浏览器
浏览器渲染给用户
请求数据,是分为两种情况的:
同步请求和异步请求
概念:阻塞和非阻塞
例如:浏览网页遇到的情况:白屏整页刷新和加载评论局部刷新;
网友评论