后端给的post 方法但是要求传表单数据格式（没有{}）

最新推荐文章于 2025-12-08 09:18:56 发布

原创最新推荐文章于 2025-12-08 09:18:56 发布 · 185 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #开发语言 #ecmascript #前端 #vue.js

我用的是若依框架，后端老是给我post方法然后传参表单数据。
所以我用了qs，qs 是一个增加了一些安全性的查询字符串解析和序列化字符串的库。可以进行对象与字符串之间的一个转换。

 	//首先安装
   npm install qs
   //然后页面中引用
   import qs from 'qs'
   //main.js中全局引用--这一步看个人需求，如果需要全局引用的话才用
   Vue.prototype.$qs = qs

然后在单个vue页面中

let codes=qs.stringify({code:'asdfasd'})
//直接调用接口
FhDDLogin(codes).then((res) => {}

最后的效果
在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

5335ld

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Java后端接收前端post方式传来的表单数据

code_yunge的博客

09-01

1万+

可以通过HttpServletRequest和@RequestParam注解来获取post提交的表单数据 1.使用HttpServletRequest来获取 @PostMapping(value = "/from/post/1") public Student postFrom(HttpServletRequest httpServletRequest) { Student student = new Student(); student.setName(httpServlet

前端学习笔记（表单数据传给后端）

welkin_fyds的博客

12-03

3676

本文主要记录了前端将表单数据传给后端的三种方法。

参与评论您还未登录，请先登录后发表或查看评论

JQuery的Ajax获取form表单的数据并传给后端servlet的方法

每天八杯水的博客

04-21

6778

一、序列化把form表单数据全部取出来（非文件数据） var data0=$("#form1").serialize(); 以前只会取一个一个的取form表单的数据，现在可以直接使用serialize()序列化把表单中的所有数据取出来组成一个串。 $(document).ready(function() { $("#submitBt2").click(function () { var url0=$("#form1").attr("action"); var data0=$

Vue向后端传数据后端接收为null的解决方法

热门推荐

盛难晨

03-11

1万+

由于axios默认发送数据时，数据格式是Request Payload，而并非我们常用的Form Data格式，后端数据就为null，所以在发送之前，需要使用qs模块对其进行处理。他们的格式： Request Payload：http://localhost:8080/login?zh=123,pw=123 Form Data:http://localhost:8080/login,{zh=“1...

前端Get Post Put Delect请求传参数不传参数给后端

xy58451921的博客

09-28

1311

Get请求不传参、Get请求传不是实体类的参数、Get请求传实体类的参数Post 请求不传参数、Post请求传不是实体类的参数、Post请求传实体类的参数、单个删除和批量删除

表单post方法传递数据到后端

独行者

06-28

6552

前端向后端传输数据的方法

Derlii的博客

07-18

940

1：查询字符串（Query String）：在URL中使用?符号将参数附加到URL末尾，多个参数之间使用&符号分隔。from表单把所有属于表单中的内容提交给后台，例如输入框，单选框，多选框，文本域，文件域等。将参数直接作为URL的一部分，一般用于表示资源的唯一标识符或路径参数。

react前端提交表单数据至后端

weixin_51277037的博客

02-17

2988

<form method='post'> <p>id</p> <input type="name" name="name" onChange={this.handleChange}/> <p>password</p> <input type="password" name="password" onChange={this.handleChange}/> <br />

前端POST提交数据后端数据为null

qq_63431773的博客

03-11

1615

后端用户登录接口接受数据对数据进行校验前端发送数据数据确实发送了但是后端数据为空。

前端表单数据提交到后端完整交互过程

qq_65455837的博客

12-26

1214

报错HttpMediaTypeNotSupportedException: Content-Type ‘application/x-www-form-urlencoded’ is not supported表明客户端发送的请求使用了application/x-www-form-urlencoded的内容类型，但服务器端配置为仅接受其他内容类型（如application/json）。要避免默认表单提交行为触发application/x-www-form-urlencoded类型的请求。idea控制台打结果。

Jeecg AI应用开发平台v1.0.0首版发布，快速搭建AI知识库或AI聊天助手

JEECG官方博客

12-04

982

Jeecg-AI是一款基于大型语言模型和RAG技术的全栈式AI开发平台，支持快速构建和部署个性化AI应用。该平台提供AI知识库管理、流程编排、模型配置、向量库对接等功能，支持ChatGPT、DeepSeek等多种大模型，并可与业务系统深度集成。采用Vue3+Spring Boot技术栈，具备智能问答、文档处理、API生成等能力，相比Dify平台更注重低代码与业务集成。开发者可通过Docker一键部署或源码构建，实现智能应用的快速开发。

基于Java旅游信息推荐系统(源码+数据库+文档)

最新发布

JIngJaneIL的博客

12-08

507

本文介绍了基于SpringBoot+Vue的旅游信息推荐系统和学生成绩管理系统开发项目。系统采用前后端分离架构，后端使用SpringBoot框架简化企业级开发，前端采用Vue.js实现响应式界面，数据库选用MySQL。文章详细说明了系统设计原则、技术选型理由，并提供了代码示例和测试案例。项目包含完整功能演示视频，所有源码经过验证可正常运行。同时提供最新计算机毕业设计选题参考，文末附有源码获取方式。系统适用于大学生项目实战开发，具有模块化设计、安全性强等特点。

推荐 | JoyAgent-JDGenie：开箱即用的端到端多智能体产品

lpfasd123的博客

12-05

337

如果你在寻找一款真正可落地的多智能体产品，用来“搜索-分析-生成报告”、“数据问答与诊断”、“代码解释与图表生成”，同时希望易部署、易扩展、易二次开发——JoyAgent-JDGenie 是非常值得试用与推荐的选择。只需填好少量配置，即可获得端到端的流式体验与交付能力。

vue实现页面不断插入内容并且自动滚动功能

weixin_50606255的博客

12-04

290

我们在看视频时经常会看到黑客入侵别人电脑会在屏幕上显示一串代码，并且代码不断插入自动滚动，看起来很厉害的样子，现在就在此纪录实现此功能：

网络安全漏洞之React 框架分析

anquan2233的博客

12-04

1215

昨日爆出的 CVE-2025-55182，CVSS 10.0 满分严重漏洞，影响 React 19 及所有 Next.js 15/16 项目。核心问题是 React Server Components 的 Flight 协议存在不安全反序列化，无需任何认证，攻击者只需向 Server Actions 端点发送一个精心构造的 multipart 请求，即可实现远程代码执行（RCE）。目前已确认多个完整 0day 利用链（包括 vm.runInThisContext 在内），未修补实例基本等于已失陷。

多层环形图，自定义tooltip

好记性，不如烂键盘。

12-05

600

多层环形图，自定义tooltip。

python+django/flask+vue的基于协同过滤算法的体育商品推荐系统

Q_Q1963288475的博客

12-04

604

【开题答辩全过程】以基于Javaweb的电动汽车充电桩管理系统为例，包含答辩的问题和答案

shiji9932的博客

12-03

470

本文介绍了一位14年经验的技术专家可提供的毕设支持服务，包括Java、Python等多语言项目开发与答辩指导。重点展示了一个"电动汽车充电桩管理系统"的答辩案例，详细说明了系统功能（预约管理、费用计算等）、技术实现（SpringBoot+Vue+MySQL）及关键问题解决方案（如预约冲突处理、断电检测机制）。文中提供了答辩问答实录，展现了从选题背景到技术细节的完整答辩过程，并附有评委的正面评价。最后建议学生可参考往届真实开题报告，提供选题指导、源码参考等服务，强调独立完成的重要性，同时表

基于Flask+Vue.js的智能社区垃圾分类管理系统 - 三创赛参赛项目全栈开发指南

yzx991013的博客

12-06

1133

本项目开发了一套基于AI技术的智能社区垃圾分类管理系统，采用Flask+Vue全栈架构，主要包含三大创新功能：1）AI图像识别模块（PyTorch+ResNet模型）实现垃圾自动分类，准确率达92%；2）可视化数据大屏（ECharts）实时展示社区分类数据；3）积分激励体系提升居民参与度。系统采用微服务架构，支持Docker容器化部署，涵盖Web端、小程序等多终端应用。项目特色在于将深度学习技术与社区管理场景深度结合，既符合国家环保政策导向，又具备商业化潜力。技术方案完整，包含模型训练、API开发、前后端实

html表单数据传给后端

05-26

要将 HTML 表单数据传递给后端，需要使用一种 Web 技术，比如 AJAX 或者表单提交。使用 AJAX： 1. 在 JavaScript 中获取表单数据。 2. 创建一个 XMLHttpRequest 对象。 3. 使用 XMLHttpRequest 对象向后端发送数据。 4. 使用回调函数处理响应。示例代码： ``` // 获取表单数据 var form = document.getElementById('myForm'); var formData = new FormData(form); // 创建 XMLHttpRequest 对象 var xhr = new XMLHttpRequest(); // 发送数据 xhr.open('POST', '/backend/api', true); xhr.send(formData); // 处理响应 xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { console.log(xhr.responseText); } }; ``` 使用表单提交： 1. 在 HTML 中创建一个表单元素，并设置 action 和 method 属性。 2. 在表单中添加需要提交的表单元素。 3. 在后端接收表单数据。示例代码： ``` <form action="/backend/api" method="POST"> <input type="text" name="username"> <input type="password" name="password"> <button type="submit">提交</button> </form> ``` 在后端接收表单数据： ``` from flask import Flask, request app = Flask(__name__) @app.route('/backend/api', methods=['POST']) def api(): username = request.form['username'] password = request.form['password'] # 处理表单数据 return 'success' ```