Ajax学习笔记（一）前言

第一章 原生AJAX 

1.Ajax全称为Asynchronous JavaScript And XML，就是异步的JS和XML

2.通过Ajax可以在浏览器中向服务器发送异步请求

3.最大的优势：无刷新获取数据，或者说网页不需要刷新

4.Ajax不是编程语言，而是一种将现有的标准组合在一起的新的使用方式

 1.1XML（可扩展标记语言 extensible markup  Language）与JSON介绍

1.XML被设计用来传输和存储数据，HTML是用来呈现数据

2.XML和HTML类似，但是XML没有预定义标签，全是自定义标签

XML表示数据

//比如说有一个学生数据 name="孙悟空";age=18;gender="男"

//用XML表示
<student>
    <name>孙悟空</name>
    <age>18</age>
    <gender>男</gender>
</student>

为什么要讲一下XML

AJAX在进行数据交互时使用的格式就是XML 。服务器端给浏览器返回的结果就是一个XML格式字符串，前端JS再进行处理。

现在XML已经被JSON取代了，JSON格式更加简洁，数据转换也更加容易，可以直接借助JSON API的方法，快速将字符串转换成JS对象，比XML要灵活的多

1.2JSON格式数据

{"name":"孙悟空","age":"18","gender":"男"}

 1.3AJAX的优缺点

1.3.1AJAX的优点：

1.可以无需刷新页面与服务器进行通信

2.允许你根据用户事件来更新部分页面内容

 1.3.2AJAX缺点

1.没有浏览历史，不能回退

2.存在跨域问题

什么是跨域？一个服务向另一个服务发送请求

a.com向b.com发送请求，默认是不可以的

不过没事，后面会讲该怎样解决跨域问题

3.SEO（搜索引擎优化）不友好。网页上渲染的数据,都是通过AJAX动态获取的。在源码里面搜索不到。

 1.3.3HTTP协议请求报文与响应文本结构

1.HTTP（hypertext transport protocol）协议[超文本传输协议],协议详细规定了浏览器和万维网服务器之间互相通信的规则。

请求：浏览器->服务器

响应: 服务器->浏览器

2.请求报文：

重点是格式与参数

行  请求类型/URL路径/HTTP协议版本

头

Host: atguigu.com

Cookie: name=guigu

Content-type: application/x-www-form-urlencoded

User-Agend: chrome 83 

空行

体 username=admin&password=admin

3.响应报文 

行 HTTP/1.1 200 ok

头

Content-Type :text/html;charset=utf-8

Content-length:2048

Content-encoding:gzip 压缩方式

空行

体