老师 第二段代码是GET请求的使用方法 第三四段代码是POST请求传不同参数的使用方法 第一段代码是什么意思

老师 第二段代码是GET请求的使用方法 第三四段代码是POST请求传不同参数的使用方法 第一段代码是什么意思

//
<script src="https://unpkg.com/axios@0.19.2/dist/axios.min.js"></script>

    <script>
      const URL = "https://www.imooc.com/api/http/search/suggest?words=js";

      axios(URL, {
        method: "post",
        // 请求时的头部信息
        headers: {
          "Content-Type": "application/x-www-form-urlencoded",
          // 'Content-Type': 'application/json'
        },
        // 通过请求头携带
        params: {
          username: "YangLiJun",
        },
        // 通过请求体携带
        // "Content-Type": "application/x-www-form-urlencoded",
        data: "sex=male&age=18",

        // 'Content-Type': 'application/json'
        // data: {
        //   sex: "male",
        //   age: 18,
        // },

        // timeout: 10,

        // withCredentials: true
      })
        .then((response) => {
          console.log(response.data.data);
        })
        .catch((err) => {
          console.log(err);
        });
</script>
//GET请求
<script src="https://unpkg.com/axios@0.19.2/dist/axios.min.js"></script>

    <script>
      const URL = "https://www.imooc.com/api/http/search/suggest?words=js";
      axios
        .get(URL, {
          params: {
            username: "YangLiJun",
          },
        })
        .then((response) => {
          console.log(response);
        })
        .catch((err) => {
          console.log(err);
        });
    </script>
//POST请求-传名值对形式
<script src="https://unpkg.com/axios@0.19.2/dist/axios.min.js"></script>

    <script>
      const URL = "https://www.imooc.com/api/http/search/suggest?words=js";
      axios
        .post(URL, "username=YangLiJun&age=18")  //传名值对形式,请求体自动解析Content-                                                         Type: application/x-www-form-urlencoded
        .then((response) => {
          console.log(response);
        })
        .catch((err) => {
          console.log(err);
        });
    </script>
//POST请求-传对象形式
<script src="https://unpkg.com/axios@0.19.2/dist/axios.min.js"></script>

    <script>
      const URL = "https://www.imooc.com/api/http/search/suggest?words=js";

      axios
        .post("https://www.imooc.com/api/http/json/search/suggest?words=js", {
          username: "YangLiJun",  //传对象形式,请求体自动解析Content-Type:                                                       application/json;charset=UTF-8,不需要设置Content-Type
          age: 18,
        })
        .then((response) => {
          console.log(response);
        })
        .catch((err) => {
          console.log(err);
        });
    </script>


正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,axios库中提供了一个名为axios的方法,该方法可以通过设置method属性值来决定是post请求还是get请求,所以第一段代码意思是使用axios方法,发送了一个post请求,

https://img1.sycdn.imooc.com//climg/6344e23509391ff913440944.jpg

祝学习愉快~

  • 清夏_ 提问者 #1

    老师,vscode里面  有没有什么快捷选中很多代码的方式 就是从开始到结束那种感觉   用鼠标拖感觉很不方便   

    2022-10-11 11:57:34
  • 好帮手慕慕子 回复 提问者 清夏_ #2

    同学你好,可以参考如下:

    1、Ctrl +  A 选中所有的代码

    2、光标移到要选中的代码开始位置按下shift键,然后在结束位置点击鼠标,就可以快速选中这部分的所有代码。

    祝学习愉快~

    2022-10-11 13:09:34
  • 清夏_ 提问者 回复 好帮手慕慕子 #3

    选中所有代码是为了???  我按住shift选择开始跟结束可以吗  但是这样鼠标滚轮就用不了了 只能拖动右边的横条来选择更多的代码

    2022-10-11 18:17:13
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师