Ajax学习（1）--Ajax基本介绍

2023-07-24 106 阅读1分钟

Ajax介绍

异步的JS与XML，通过AJAX可以在浏览器中向服务器发送异步请求，最大的优势就是：无刷新获取数据。比如：搜索栏，输入用户名提示是否符合规则等

XML介绍

XML可拓展标记语言，用来传输和存储数据。（HTML用来展示数据），HTML标签都是预定义的，比如<li>,<p>等，xml中是自定义的，用来表示一种数据。不过现在它已经被json所取代了。

AJAX的特点

1.优点

无需刷新页面与服务器通讯
允许部分更新页面内容

2.缺点

没有浏览历史，没法回退（搜索栏中的信息没办法通过浏览器的回退键找寻到上一个搜索的词条）
存在跨域问题
SEO不友好（SEO:搜索引擎优化）（前端向后端发送请求，后端返回数据后渲染页面，因此源码是不包含实际内容数据的（比如淘宝的某件商品），他们的数据是通过后端返回来进行动态的渲染）

AJAX-HTTP

请求报文

重点是格式与参数

行       POST /s?ie=utf-8 HTTP/1.1
头       Host: atguigu.com
         Cookie: name=guigu
         Content-type: application/x-www-form-urlencoded
         User-Agent: chrome 83
空行
体       username=admin&password=admin

响应报文

行       HTTP/1.1 200 OK
头       Content-Type: text/html;charset=utf-8
         Content-length: 2048
         Content-encoding: gzip
空行
体       <html>
            <head>
            </head>
            <body>
                <h1>尚硅谷<h1>
            </body>
         <html>

打开chrome浏览器第一条请求即可查看请求报文与响应报文

如果想要查看POST请求的话可以找一个网页进行登录，大部分/login请求都是POST的格式。