解决前端页面ajax提交—>后端中文乱码,以及后端—>数据库乱码的解决方法

通过ajax往后端传中文乱码现象

1、首先在代码中发现通过ajax传输到后端时,通过post方式传送的数据,不论设不设置request.setCharacterEncoding("UTF-8");这句话,后端都是不会乱码的。但是如果是用get作为提交,那么不论设不设置这句代码都会发生乱码现象(这里就是最好大家用post提交在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

post方式的大家可以自行试试

想要让get不乱码的,我百度有https://www.cnblogs.com/sutao/p/8553894.html方法

后端—>数据库乱码的解决方法

这个方法就比较简单
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前端传 List 类型数据到后端的实现方式有多种,下面提供两种常用的方法方法一:使用 JSON.stringify() 将 List 类型数据转换为 JSON 格式字符串,再通过 AJAX 发送到后端。 例如: ```javascript var dataList = [{id:1, name:"张三"}, {id:2, name:"李四"}]; // List 类型数据 var jsonData = JSON.stringify(dataList); // 转换为 JSON 格式字符串 $.ajax({ url: "/api/saveData", type: "POST", contentType: "application/json", data: jsonData, success: function (result) { console.log(result); }, error: function (xhr, status, error) { console.log(error); } }); ``` 后端接收数据的代码: ```java @PostMapping("/api/saveData") public void saveData(@RequestBody List<CxffExamRecordChild> dataList) { // 处理接收到的数据 } ``` 方法二:使用 FormData 对象将 List 类型数据封装成表单数据,再通过 AJAX 发送到后端。 例如: ```javascript var dataList = [{id:1, name:"张三"}, {id:2, name:"李四"}]; // List 类型数据 var formData = new FormData(); for (var i = 0; i < dataList.length; i++) { formData.append("dataList[" + i + "].id", dataList[i].id); formData.append("dataList[" + i + "].name", dataList[i].name); } $.ajax({ url: "/api/saveData", type: "POST", data: formData, processData: false, contentType: false, success: function (result) { console.log(result); }, error: function (xhr, status, error) { console.log(error); } }); ``` 后端接收数据的代码: ```java @PostMapping("/api/saveData") public void saveData(@ModelAttribute("dataList") List<CxffExamRecordChild> dataList) { // 处理接收到的数据 } ``` 以上两种方法都可以实现将 List 类型数据传递到后端,具体选择哪种方式,需要根据实际情况进行选择。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值