Ajax基础

目录

1. 基础

1.1 传统网站问题

1.2 ajax概述

1.3 XML 介绍

1.4 ajax优点和缺点

1.4.1 优点

1.4.2 缺点

1.5 http协议

1.5.1 请求报文

1.5.2 响应报文

---

1. 基础

1.1 传统网站问题

网速慢，页面加载长，用户只能等待

表单提交后，如有一项不合格，全部重新填写

页面跳转，重新加载页面，造成资源浪费，增加用户等待时间

1.2 ajax概述

ajax（阿贾克斯）：实际浏览器提供的一套方法，实现页面无需更新数据，提高用户浏览网站应用的体验，是异步的js和xml。

最大优势：无刷新的获取数据

应用场景：

1. 页面上拉加载技术
2. 列表数据无刷新分页
3. 表单项离开焦点数据验证
4. 搜索框提示文字下拉列表

1.3 XML 介绍

XML 是可拓展标记语言，用来传输和存储数据

xml和html类似：不是的是html是预定义标签，xml是自定义标签，用来表示一些数据

现在xml已经被json替代了

1.4 ajax优点和缺点

1.4.1 优点

无需刷新页面与服务器进行通信

运行用户事件来更新部分页面内容

1.4.2 缺点

没有浏览历史，不能回退

存在跨域问题（同源）

SEO不友好（搜索引擎优化）

1.5 http协议

是超本文传输协议，规定了浏览器和万维网服务器之间相互通信的规则

1.5.1 请求报文

重点是格式和参数

行：GET、POST、 url路径 http/1.1

头：Host：atgin.com Cook:name=xiao Content-type:application/x-www-from-url....

空行

体：post请求为空，get不为空  username=ad...

1.5.2 响应报文

行：http/1.1 200 ok

头： content-type :text/html;charset=utf-8  content-lenght:2048

空格

体：html内容 404 403 401 500 200