AJAX总结：get请求和post请求

前言

什么是AJAX?

AJAX= Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。

• AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。

• AJAX 是一种用于创建快速动态网页的技术。

• 通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

• 传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。

• 有很多使用 AJAX 的应用程序案例：新浪微博、Google 地图、开心网等等。

1 请求行、请求头、请求体

    get（请求行、请求头）
        1.请求参数在地址栏显示（请求行）
        2.请求参数大小有限制
        3.数据不太安全
        
    post（请求行、请求头、请求体）
        1.请求参数不在地址栏显示（请求体）
        2.请求参数大小没有限制
        3.数据相对安全
        (上传文件和表单要用post,其他请求两种都可以)
        
    绝大部分的请求都是get请求，如：
        <a href="xxx">abc</a>
        <link href="out.css"></link>
        <img src="xx.png" />
        <script src="out.js"></script>
        <form method="get"></form>
        浏览器的地址中输入地址，也是get请求
    对于form如果是method="post"，表示发出post请求

请求行：请求方式 请求路径 协议/版本号
例：
POST /day07_myapp/static/login.html HTTP/1.1
GET /day07_myapp/static/login.html?username=jack&password=123 HTTP/1.1
请求头：请求头名称：请求头的值//例：Host: localhost:8080这种
请求体：参数名=参数值&参数名=参数值…
例：username=jack&password=123
注意：get方式没有请求体，post方式才有。

2 http请求之get方式

get：请求行、请求头

3 http请求之post方式

post：请求行、请求头、请求体

4 get请求和post请求的区别

1. 可以通过form标签的method属性指定发送请求的类型
2. 如果是get请求会将提交的数据拼接到URL后面
3. 如果是post请求会将提交的数据放到请求头中
4. GET请求和POST请求的异同
   1）相同点:
   都是将数据提交到远程服务器
   2）不同点:
     i） 提交数据存储的位置不同
       GET请求会将数据放到URL后面
       POST请求会将数据放到请求头中
     ii）提交数据大小限制不同
       GET请求对数据有大小限制
       POST请求对数据没有大小限制
5. GET/POST请求应用场景
   GET请求用于提交非敏感数据和小数据
   POST请求用于提交敏感数据和大数据
6. 注意:
   1)上传文件一般使用POST提交
   2)上传文件必须设置enctype="multipart/form-data"

5 原生JS的ajax请求

传送门

6 JQuery中的ajax请求

传送门