关于backbone url请求中参数带有中文存入数据库是乱码的快速解决办法
2019/6/27 22:21:40
本文主要是介绍关于backbone url请求中参数带有中文存入数据库是乱码的快速解决办法,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
最近项目用到了backbone 做前后端的分离方案,遇见了中文乱码问题,解决方案总结如下:
假设需要存一条课程记录到后台
model定义如下:
var AddCourse= Backbone.Model.extend({ url:path+"/course/add", parse : function(response){ return response.data; } });
encodeURIComponent 函数 将中文的内容进行编码
$('#addCourseBtn' ).click(function(){ var courseName = encodeURIComponent($('#myCourseName').val().trim(), 'utf8'); var description = encodeURIComponent( $('#description').val().trim(),'utf8' ); var privilege = encodeURIComponent($('#privilege').val().trim(), 'utf8'); var userId=$.cookie( 'userId'); var course = new AddCourse(); //传数据 course.fetch({data : $.param({ courseName : courseName,description : description,privilege : privilege,userId : userId})}); });
api定义,URLDecoder.decode函数进行解码
@Controller @RequestMapping("/course") public class CourseController { @Resource private CourseService courseService; @RequestMapping("/add") //添加代码:编码修改 @ResponseBody public Result add(String courseName,String description,String privilege,int userId){ String deCourseName; String deDescription; String dePrivilege; Result result =new Result(); try { deCourseName = URLDecoder.decode(courseName, "UTF-8"); deDescription = URLDecoder.decode(description, "UTF-8"); dePrivilege = URLDecoder.decode(privilege, "UTF-8"); result=courseService.addCourse(deCourseName, deDescription, dePrivilege, userId); } catch (UnsupportedEncodingException e) { // TODO Auto-generated catch block e.printStackTrace(); } return result; }
以上所述是小编给大家介绍的关于backbone url请求中参数带有中文存入数据库是乱码的快速解决办法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对找一找教程网网站的支持!
这篇关于关于backbone url请求中参数带有中文存入数据库是乱码的快速解决办法的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-01Vue.js 是什么-icode9专业技术文章分享
- 2024-11-01Vue3入门教程:从零开始搭建第一个Vue3项目
- 2024-11-01详解vueRouter4基础教程
- 2024-11-01Vuex4课程:初学者的完整入门指南
- 2024-10-31Vue3课程:新手入门到初级掌握
- 2024-10-31Vue3课程:新手入门到初级应用详解
- 2024-10-31VueRouter4课程:新手入门与实战指南
- 2024-10-31Vuex4学习:从入门到初级实战教程
- 2024-10-31Vue3教程:新手入门与基础实战
- 2024-10-31Vue教程:新手快速入门指南