AJAX总结：get请求和post请求

文章目录

• • 前言
  • • 什么是AJAX?
  • 1 请求行、请求头、请求体
  • 2 http请求之get方式
  • 3 http请求之post方式
  • 4 get请求和post请求的区别
  • 5 原生JS的ajax请求
  • 6 JQuery中的ajax请求

前言

什么是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" target="_blank" rel="external nofollow" >abc</a>
        <link href="out.css" target="_blank" rel="external nofollow" ></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请求

传送门