uni-app中怎么提交form表单？下面本篇文章就来给大家分享下两种uni-app提交form表单的方式，希望对大家有所帮助！
uni-app提交form表单的两种方式
方式1：form表单元素较少
比如用户登录，如下图
前端代码举例
此处省略了部分多余代码
后端代码举例
/**
* 这里可以以一个实体类来接收，实体类必须包含前端传参参数的对应字段
*/
@PostMapping("/password")
public Result loginByPassword(LoginUserVO loginUserVO) {
// 处理业务逻辑
}
/**
* 也可以按照字段名来接收
*/
@PostMapping("/password")
public Result loginByPassword(String username, String passsword) {
// 处理业务逻辑
}
方式1：form表单元素较多
上面的方法在form表单元素较多时处理起来就比较费事了，一般像新增用户、商品之类的form表单少则十几个，多则几十个。如下图：
如果按照上面的写法，不仅前端写起来费事不雅观，后台接受也要一个字段一个字段的接收也煞是费劲，这个时候我们可以定义一个对象formData，将数据保存到里面提交时直接提交JSON字符串到后端，后端接收到JSON字符串后转成JSON对象，然后再进行自己的业务逻辑处理
前端代码举例：
所属客户 {{tenantList[tenantIndex].tenantName}} 姓名 手机号 身份证号码 身份证照片(个人信息面) 身份证照片(国徽图案面) 证件有效期 {{formData.idNumberValidUntil}} 收款人 {{payeeList[payeeIndex].payeeName}} 驾驶证编号 驾驶证(主页) 有效期开始 {{formData.drivingLicenseValidityStart}} 有效期结束 {{formData.drivingLicenseValidityEnd}} 发证机关 准驾车型 {{vehicleTypeList[vehicleTypeIndex].codeSetName}} 关联车辆 {{vehicleList[vehicleIndex].carNumber}} 资格证号码 从业资格证 证件有效期 {{formData.roadTransportQualificationCertificateValidUntil}}
后端java代码举例
// 针对传参方式一：后台以String的方式接收
public Result add(String formData){
// 将JSON字符串转换成JSONObject
JSONObject jsonObject= JSONObject.parseObject(formData);
// 继续后续业务逻辑处理
return Results.success();
}
// 针对传参方式二：后台以Object的方式接收
public Result add(Object driverObj){
// 继续后续业务逻辑处理
return Results.success();
}推荐：《uniapp教程》
