06.常见的请求方式

学前端的坤坤bond

于 2024-07-20 20:57:24 发布

阅读量142

点赞数 1

文章标签： javascript es6 前端开发语言 ecmascript node.js

本文链接：https://blog.csdn.net/m0_64904350/article/details/140577342

版权

<!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>