关于backbone url请求中参数带有中文存入数据库是乱码的快速解决办法


Posted in Javascript onJune 13, 2016

最近项目用到了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请求中参数带有中文存入数据库是乱码的快速解决办法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
js DOM 元素ID就是全局变量
Sep 20 Javascript
javascript中的if语句使用介绍
Nov 20 Javascript
javascript常用函数归纳整理
Oct 31 Javascript
关于编写性能高效的javascript事件的技术
Nov 28 Javascript
jQuery实现在下拉列表选择时获取json数据的方法
Apr 16 Javascript
深入理解JavaScript中的for循环
Feb 07 Javascript
浅谈javascript中的prototype和__proto__的理解
Apr 07 Javascript
angular2 NgModel模块的具体使用方法
Apr 10 Javascript
原生js+css调节音量滑块
Jan 15 Javascript
Vuex的API文档说明详解
Feb 05 Javascript
JavaScript canvas实现雪花随机动态飘落
Feb 08 Javascript
Threejs实现滴滴官网首页地球动画功能
Jul 13 Javascript
多种jQuery绑定事件的实现方式
Jun 13 #Javascript
JS Ajax请求如何防止重复提交
Jun 13 #Javascript
JavaScript判断微信浏览器实例代码
Jun 13 #Javascript
JavaScript判断是否是微信浏览器
Jun 13 #Javascript
JavaScript_object基础入门(必看篇)
Jun 13 #Javascript
js 连续赋值的简单实现
Jun 13 #Javascript
全面解析Bootstrap中Carousel轮播的使用方法
Jun 13 #Javascript
You might like
生成静态页面的php函数,php爱好者站推荐
2007/03/19 PHP
PHP计算一年多少个星期和每周的开始和结束日期
2014/07/01 PHP
PHP使用curl函数发送Post请求的注意事项
2016/11/26 PHP
Laravel框架源码解析之反射的使用详解
2020/05/14 PHP
CSS+JS构建的图片查看器
2006/07/22 Javascript
JQuery扩展插件Validate 5添加自定义验证方法
2011/09/05 Javascript
ie8 不支持new Date(2012-11-10)问题的解决方法
2013/07/31 Javascript
js完美实现@提到好友特效(兼容各大浏览器)
2015/03/16 Javascript
纯JavaScript基于notie.js插件实现消息提示特效
2016/01/18 Javascript
JS从数组中随机取出几个数组元素的方法
2016/08/02 Javascript
BootstrapValidator不触发校验的实现代码
2016/09/28 Javascript
简单实现JavaScript图片切换效果
2016/11/28 Javascript
基于JS设计12306登录页面
2016/12/28 Javascript
Angular中实现树形结构视图实例代码
2017/05/05 Javascript
vue中使用input[type="file"]实现文件上传功能
2018/09/10 Javascript
CSS3 动画卡顿性能优化的完美解决方案
2018/09/20 Javascript
element-ui 时间选择器限制范围的实现(随动)
2019/01/09 Javascript
Javascript的this详解
2019/03/23 Javascript
jquery实现有过渡效果的tab切换
2020/07/17 jQuery
[46:12]完美世界DOTA2联赛循环赛 DM vs Matador BO2第一场 11.04
2020/11/04 DOTA
django创建自定义模板处理器的实例详解
2017/08/14 Python
pycharm运行出现ImportError:No module named的解决方法
2018/10/13 Python
Pycharm pyuic5实现将ui文件转为py文件,让UI界面成功显示
2020/04/08 Python
Ticketmaster意大利:音乐会、节日、艺术和剧院的官方门票
2019/12/23 全球购物
接口可以包含哪些成员
2012/09/30 面试题
房地产销售大学生自我评价分享
2013/11/11 职场文书
项目经理的岗位职责
2013/11/23 职场文书
创业计划书怎样才能打动风投
2014/01/01 职场文书
村优秀党员事迹材料
2014/01/15 职场文书
股权收购意向书
2014/04/01 职场文书
2014年学校党建工作汇报材料
2014/11/02 职场文书
2015医院个人工作总结范文
2015/05/21 职场文书
教师素质教育心得体会
2016/01/19 职场文书
nginx配置proxy_pass中url末尾带/与不带/的区别详解
2021/03/31 Servers
Python matplotlib绘制雷达图
2022/04/13 Python
Windows Server 2019 安装DHCP服务及相关配置
2022/04/28 Servers