❣️关注专栏： JavaEE

这里写目录标题

• 🍧1 通过 form 表单构造 HTTP 请求
• • 🍨 1.1 form 发送 GET 请求
  • 🍨 1.2 form 发送 POST 请求
• 🍧 2 通过 ajax 构造 HTTP 请求
• • 🍨 2.1 js 提供的原生的 ajax 的 API
• 🍧 3 使用第三方工具 postman
• • 🍨 3.1 下载安装
  • 🍨 3.1 使用

🍧1 通过 form 表单构造 HTTP 请求

form (表单) 是 HTML 中的一个常用标签. 可以用于给服务器发送 GET 或者 POST 请求。注意！！是 form 不是 from！！！
对于 GET 请求的构造有以下几种：

• 地址栏直接输入
• 点击收藏夹里收藏的网页进入
• 通过 html 中的 link、script、img、a 标签…
• 通过 form 标签发送
  form 标签只能构造 GET 和 POST，无法构造 PUT，DELETE，OPTIONS 等方法的请求。

🍨 1.1 form 发送 GET 请求

构造 GET 请求，在 VSCode 中新建一个html，并且在 body 中编写以下代码并且执行：

执行页面之后，输入 haha（也可以不输入直接提交），提交：
通过 fiddler 抓包可以看到对应关系：

对应的关系如下：

🍨 1.2 form 发送 POST 请求

步骤和上边一样，只是将代码中的 method=“get” 改为 method=“post” 即可。抓包如下：

🍧 2 通过 ajax 构造 HTTP 请求

通过 ajax 的方式来构造 HTTP 请求，功能更强大。 ajax 也是浏览器的一种，是通过 js 来构造 http 请求的。和 form 相比，ajax 的功能更强，体现在：
（1）支持 put、delete 等方法。
（2）ajax 发送的请求可以灵活设置 header。
（3）ajax 发送的请求的 body 也是可以灵活设置的。

🍨 2.1 js 提供的原生的 ajax 的 API

jquery 中，$ 是一个特殊的全局对象，jquery 中的 api 都是通过 $ 的形式来引出的

注意：该代码直接执行，只能看到构造的请求，但是无法获取到正确的响应，因为发送请求给搜狗这个服务器，但是搜狗服务器没有处理这个请求的，就比如说：在吃大盘鸡，你给老板说，来份纸包鱼。

🍧 3 使用第三方工具 postman

🍨 3.1 下载安装

下载请点击👉：postman

🍨 3.1 使用

直接安装即可。操作如下：
（1）创建工作区间

（2）建立请求
（3）发送

（4）postman 可以直接生成对应语言的代码

• 首先点击最右边的代码图标：
  
• 然后就可以选择了~