【学习打卡】第9天 前端工程师2022版 Ajax第一讲

课程名称：前端工程师2022版

课程章节： Ajax

主讲老师：alex

课程内容：

今天学习的内容包括：

Ajax介绍，使用ajax发送请求

课程收获：

原生ajax发送请求
1.创建const xhr = new XMLHttpRequest()
2.请求方式和地址xhr.open(方式，地址)
3.发送如果时post则带上数据xhr.send()
4.监听接收数据xhr.onreadystatechange = ()=>{    xhr.respose()}onreadystatechange可以替换成onload事件

Ajax介绍
1、Ajax：Asynchronous javascript and XML（异步javascript和XML），是浏览器与服务器之间的一种异步通信方式，使用Ajax可以在不重新加载整个页面的情况下，对页面的某部分进行更新
2、Json：Javascript object notation（js对象表示法）
3、xml（可扩展标记语言）是前后端数据通信时传输数据的一种格式（不常用）同步的意思是在浏览器向服务器发送请求这段时间浏览器什么都不能做，而异步则相反ajax应用场景：①注册账号时显示该账号已注册 ②搜索时打出关键字，下拉菜单自动弹出相关内容

一、功能不同1、get是从服务器上获取数据。2、post是向服务器传送数据。
二、过程不zhi同1、get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到。2、post是通过HTTP post机制，将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。
三、获取值不同1、对于get方式，服务器端用Request.QueryString获取变量的值。2、对于post方式，服务器端用Request.Form获取提交的数据。
四、传送数据量不同1、get传送的数据量较小，不能大于2KB。2、post传送的数据量较大，一般被默认为不受限制。但理论上，IIS4中最大量为80KB，IIS5中为100KB。
五、安全性不同get安全性非常低于post安全性。