前端发送请求时带参数需要注意的一点

最新推荐文章于 2024-05-05 01:33:31 发布
最新推荐文章于 2024-05-05 01:33:31 发布
阅读量957 收藏 2
点赞数
文章标签： java http html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/versionssf/article/details/120056055
版权

这段时间在用uniapp+springboot做一个app，奇怪的是，访问后台接口时总是出现问题
在这里插入图片描述
这是一个登录的接口，我明明使用了已经通过调试的用户名和密码，但是作为参数传递到后端时，后端却没有返回过来相应的数据，于是我想了好久，试了各种axios，uni.request各种不同的请求方式还是无果。
后来想到，会不会是我传参的方式不对，查阅过资料以后发现uni.request的传参方式需要有请求头当中的’content-type’来决定
借鉴uniapp官网
在这里插入图片描述
后来在请求信息当中加上header就可以了，红箭头指向的是重点
在这里插入图片描述
修改完毕后再来请求
在这里插入图片描述
可以发现拿到了返回的taken

心得体会：遇到问题一定要去看官方文档对应的那一部分，慢慢找，仔细找！

沉溺的鱼
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
postman中POST请求时参数包含参数list设置方式
08-19
// 获取请求参数 String params = getPara("params"); // 将参数字符串转换为JSONObject JSONObject paramStr = JSONObject.fromObject(params); // 解析各个字段 String rzrq = (String) paramStr.get("rzrq"); ...
前端接口文档类型，不同请求类型的接口如何传参
Yuansjjd的博客
06-19 1497
接口文档的类型与请求
前端post请求方式传参参数各种格式详解，form-data，application/x-www-form-urlencoded，application/json，text/xml
qq_43305958的博客
09-02 1万+
前端传参参数各种格式详解一、form-data二、application/x-www-form-urlencoded总结 一、form-data form-data格式一般是用来进行文件上传 调用接口的时候参数data等于formData const formData = new FormData(); formData.append('modelName', code); 二、application/x-www-form-urlencoded 表单的传参格式，常见的post传参格式 data等于一个对象
前端Axios各种请求参数携带方式以及后端SpringBoot方式如何接收！！！
最新发布
2301_77058976的博客
05-05 2592
前端Axios各种请求参数携带方式以及后端SpringBoot方式如何接收！！！
前端向后台传值的5种方式总结
热门推荐
JSai的博客
06-05 7万+
一、form表单提交（常用） from表单把所有属于表单中的内容提交给后台，例如输入框，单选框，多选框，文本域，文件域等。 在后台可通过对应的name属性获取相应的值。 from表单中的action属性标识提交数据的地址。 method属性指明表单提交的方式。 <form action="demo.do" method="post"> 用户名：<br> ...
SpringMvc--前端传值&控制器响应
WuHuaSen的博客
04-28 970
前端传递数值到后端（控制器）主要有三种方式，分别是请求行传值、请求头传值、请求体传值，下面将根据不同的传值方式分别进行梳理与讲解 目录 一、请求行： 1.1 请求行传值 1.2 控制器接受数据 （请求行） 1.3 响应请求并传递 二、请求头： 2.1 请求头传值 2.2 控制器接受数据 （请求头） 2.3 响应请求并传递 三、请求体： 3.1 请求体传值 3.2 控制器接受数据 （请求体） 3.3 响应请求并传递 一、请求行： 1.1 请求行传值 ...
前端传参解析
谨言的博客
04-11 2475
前端参数解析 前端传递参数的方式 1.路径参数 a.在url路径中传递的参数 b.在请求实例方法中，使用关键字参数来接收 2.查询字符串参数 a.url ？后面的key value键值对参数，如：http://www.xxx.com/?key1=value1&key2=value2 b.request.GET获取 c.request.GET返回QueryDict，类似于python中dict类型 d.可以使用['key1']、get('key1')，会返回具体的值，如果有.
Postman模拟发送前端请求工具
08-19
2. 预请求脚本和测试脚本：预请求脚本在发送请求之前执行，而测试脚本在请求发送后执行，两者都可以根据需要修改请求或验证响应。 3. 回调函数（Hooks）：Postman支持全局回调函数，可以在请求生命周期的特定阶段...
浅析jQuery Ajax请求参数和返回数据的处理
10-22
主要介绍了浅析jQuery Ajax请求参数和返回数据的处理的相关资料,需要的朋友可以参考下
页面get请求 中文参数方法乱码问题的快速解决方法
09-02
3. 将`doubleEncodedParam`作为GET请求的参数发送到服务器。 4. 在服务器端，我们需要使用对应的解码函数来还原中文字符。在Java中，我们可以使用`URLDecoder.decode()`方法，确保指定正确的字符编码，比如UTF-8： ...
jsonrpc-frontend:前端应用程序发送 json-rpc 请求进行测试
05-24
4. **发送请求**：通过库的方法发送请求，并指定回调函数来处理响应。 5. **测试和验证**：编写测试用例，检查请求的正确性、响应的预期结果，以及异常处理。 总的来说，jsonrpc-frontend是一个为前端开发者设计的...
前端 - token 是什么？为什么每次请求头（HEADS）里要携带它？
王佳斌
11-10 1万+
Token token 是客户端频繁向服务器端请求数据，服务器频繁的去数据库查询用户名和密码进行对比，判断用户名和密码正确与否，并作出相应的提示，在这样的背景下，token 便应运而生了。 目的 token 的目的是为了减轻服务器的压力，减少频繁的查询数据库。 在前端请求后台的 API 接口的时候，为了安全性，一般需要再用户登录成功之后才能发送其他请求。 因此，在用户登录成功之后，后台会返回一个 token 给前端，这个时候我们就需要把 token 暂时保存在本地，每次发送请求的时候需要在 header 里
requests之get请求带参数示例详解
一个有趣灵魂的测试员，指点江山，挥斥方遒
05-29 1万+
具体见以下详细步骤 获取响应数据 获取请求头 获取响应头、状态码 有两点需要引起注意： a、响应结果一般有三种格式：HTML、json、text b、text方法返回的是字符串格式的内容 获取cookie cookie是一种类字典的数据格式，如果我们想把字典的值打印出来，可以根据key值去获取并打印出来，或以字典形式查看cookie 以上操作步骤，代码如下所示： import requests # 1.发起请求后得到的响应数据存在res里面 res = requests.get('ht
通过配置请求头，向服务器发送请求时携带参数
Idpd_的博客
03-25 752
【代码】通过配置请求头，向服务器发送请求时携带参数。
请求中的携带的参数params和data
m0_46494512的博客
07-07 2672
而data是添加到请求体（body）中的，服务器读取http body里面的数据那就需要用POST请求了，POST请求的参数就存放在body；（get请求下data不能用）一般，情况下都是使用data的传参方式，但有时会发现需要使用params的方式，后台才能获取到数据，这与后台的接口有关，我们前端不能控制。1、get请求参数是带在url上的，必须使用params，这个是肯定的，但是post的请求就不一定了。实在区分不开，就简单一句话，你能看见的参数，传参就用params，看不见的参数，就用data。
前端post,get请求传参方式 以及后台接收
一株木樨的博客
07-29 2万+
前端post,get请求传递参数以及后台接收
HTTP请求传递参数方式【2024-02-01】
Bananaaay的博客
02-01 2040
在早期版本的HTTP中，只定义了GET和POST两种请求方法，用于获取和提交资源，然而，为了更好地支持RESTful架构和其他类型的操作，HTTP/1.1版本增加了PUT和DELETE这两种请求方法，使得开发者能够更灵活地设计和实现与资源相关的操作，尽管HTTP/1.1引入了PUT和DELETE请求方法，但其具体使用仍受到服务器和应用程序的支持与限制。一种简单的文本格式，没有特殊的格式要求和编码规则。例如，空格在URL中是不允许出现的，如果需要在URL中传递包含空格的字符串，就需要对空格进行编码。
前后端接口调用传参方式总结
风不知从何处起的小屋
10-11 1707
前后端进行交互时方法一般就分为get和post，至于后面的delete和put都是基于post进行封装而出的,这里简单介绍前后端之间不同的参数传递方式。
Java基础——前台发送请求及参数传递
ddm
02-01 2174
程序开发过程中，前台向后台发送请求及传递参数，目前个人总结为三种方式，具体如下： 一、表单提交： 表单提交可分为get请求跟post请求，一般只做查询时用get请求，还做其他操作时（如：更新等）用post请求，实例如下： 前台表单： <form id="test" action="/product_notify/save" method="get"> <input ...
前端发送get请求带参数
06-12
前端发送 get 请求带参数的方式有两种，一种是直接将参数添加到 URL 的末尾，另一种是使用 URLSearchParams 对象将参数封装成对象，然后作为 fetch 请求的参数传递。 第一种方式的示例代码如下： ```javascript // 假设需要传递两个参数，分别是 name 和 age const name = 'Tom'; const age = 18; // 将参数添加到 URL 的末尾 const url = `http://example.com/api?name=${name}&age=${age}`; // 发送 get 请求 fetch(url) .then(response => response.json()) .then(data => console.log(data)) .catch(error => console.error(error)); ``` 第二种方式的示例代码如下： ```javascript // 创建 URLSearchParams 对象，设置参数 const params = new URLSearchParams(); params.set('name', 'Tom'); params.set('age', '18'); // 将参数作为 fetch 请求的参数传递 fetch('http://example.com/api', { method: 'GET', headers: { 'Content-Type': 'application/json' }, body: params }) .then(response => response.json()) .then(data => console.log(data)) .catch(error => console.error(error)); ``` 需要注意的是，第二种方式需要在 fetch 请求中显式设置 method 为 GET，同时需要设置合适的请求头 Content-Type。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值