解决请求时URL中加号变空格的问题

最新推荐文章于 2024-04-11 14:51:30 发布

weixin_45849565

最新推荐文章于 2024-04-11 14:51:30 发布

阅读量444

点赞数 8

文章标签：前端

本文链接：https://blog.csdn.net/weixin_45849565/article/details/137508047

版权

本文介绍了一个在JavaScript中使用AJAX发送GET请求时，URL中的加号如何被自动转换为空格的问题，以及如何通过encodeURIComponent函数来正确编码解决这个问题。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>解决url传递过程中加号变空格的问题</title>
  </head>

  <body>
    <button id="btn">点击</button>
    <script src="./utils/jquery.js"></script>
    <script>
      // 获取id为btn的按钮
      const btn = document.getElementById("btn");
      // 给按钮绑定点击事件
      btn.onclick = function () {
        $.ajax({
          type: "get",
          // 错误的
          // url: 'http://192.168.80.57:8030/system/captcha?key=MAS+SKL',
          // 正确的
          url: 'http://192.168.80.57:8030/system/captcha?key=' + encodeURIComponent('MAS+SKL'),
          success: function (res) {
            console.log("res", res);
          },
          error: function (err) {
            console.log("err", err);
          }
        })
      }
    </script>
  </body>

</html>

+号变成空格的原因：