Day01(Ajax知识铺垫)

Ajax

我们之前接触到的网页吗,都是:

  1. html标签
  2. CSS样式属性
  3. 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给浏览器
浏览器渲染给用户

请求数据,是分为两种情况的:
同步请求和异步请求
概念:阻塞和非阻塞
例如:浏览网页遇到的情况:白屏整页刷新和加载评论局部刷新;

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,991评论 19 139
  • 先讨论许多应用协议都要使用的域名系统。在介绍了文件传送协议和远程登录协议后,就重点介绍万维网的工作原理及其主要协议...
    dmmy大印阅读 1,126评论 0 1
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,556评论 25 708
  • 有人问:花儿为什么如此美丽? 夫子答:因为它是植物的生殖器。 花房之内结莲子 此心纯白照碧青 春歇花息绿渐锁 夏来...
    一元真人阅读 493评论 6 20
  • 的确有很多想法是不想公开的,但是写在私密的日记本上,不是也很危险吗。这么私密,就不要留下证据不是吗。其实别人根本只...
    胖大梨阅读 290评论 0 1