maka_ba_ka
/
04.演示POST请求携带两种参数.html

<!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>
  <button id="btnPOST">POST</button>

  <script src="./lib/jquery-v3.6.0.js"></script>
  <script>
    $(function () {
      // 为按钮绑定点击事件
      $('#btnPOST').on('click', function () {
        // 发起 POST 请求，同时发送两种类型的数据：
        // 1. 请求体数据
        // 2. 查询参数
        $.ajax({
          type: 'POST',
          // ? 后面的是查询参数
          url: 'http://192.168.180.50:3006/api/post?type=AAA&mode=top250',
          // 请求体数据
          data: {
            name: 'zs',
            age: 20
          },
          success: function (res) {
            console.log(res)
          }
        })
      })
    })
  </script>
</body>

</html>