<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<script>
console.log(123);
// 什么是请求方式
// == 前端和后端通信的方式
// == 用不同的方式和后端接口说话,他接受到的信息是不一样的
// 常见的请求方式
// get ==>多用于向服务器获取一些信息
// post ==> 多用于向服务器传递信息,并让服务器存储起来
// put ==> 多用于想服务器传递信息,并让服务器全部信息更新并存储起来
// delete ==> 多用于让服务器删除一些信息
// head ==> 不需要响应主体,主要是为了获取响应头信息
// patch ==> 多用于向服务器传递信息,并让服务器部分更新数据并存储起来
// connect ==> 预留方式,管道连接改成代理连接的方式
// option ==> 用于允许前端查看服务器性能(需要服务器同意)
// get和post请求的区别
// get
// 1 倾向于向服务器获取数据
// 2 直接在地址栏url后面拼接参数(请求体也可以是空)
// 3 大小限制为2kb(因为浏览器的地址栏长度有限制)
// 4 会被浏览器主动缓存
// 5 相对于POST不是很安全(因为明文发送)
// 6 数据格式必须是url编码格式,如果不是会自动转化成url编码
// post
// 1 倾向于向服务器传递数据
// 2 在请求体里面传递过去(url上是不携带任何参数的)
// 3 理论上大小没有限制(服务器端可能会限制)
// 4 不会被浏览器主动缓存,需要手动设置
// 5 相对于get比较安全(因为暗文发送)
// 6 数据格式理论上无所谓,但是要和请求头中的content-type一致
// == 请求头里面的content表示请求主体中的数据格式
// 扩展
// 把中文内容编码成url编码
let urlStr = encodeURI("海绵宝宝");
console.log(urlStr, "1"); //%E6%B5%B7%E7%BB%B5%E5%AE%9D%E5%AE%9D 1
// 把url编码解码成普通字符串
let str = decodeURI("%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91%E6%A1%86%E6%9E%B6");
console.log(str, "2"); //前端开发框架
let str2 = decodeURI(urlStr);
console.log(str2, 3); //海绵宝宝
// file:///C:/Users/Administrator/Desktop/MVC%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91%E6%A1%86%E6%9E%B6/day01/%E4%BB%A3%E7%A0%81/06.%E5%B8%B8%E8%A7%81%E7%9A%84%E8%AF%B7%E6%B1%82%E6%96%B9%E5%BC%8F.html
</script>
</body>
</html>
标签:06,请求,E5%,常见,E6%,E7%,url,服务器
From: https://blog.csdn.net/m0_64904350/article/details/140577342