关于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 相关文章推荐
jquery中获得$.ajax()事件返回的值并添加事件的方法
Apr 15 Javascript
jQuery解决下拉框select设宽度时IE 6/7/8下option超出显示不全
May 27 Javascript
js 走马灯简单实例
Nov 21 Javascript
七个很有意思的PHP函数
May 12 Javascript
html判断当前页面是否在iframe中的实例
Nov 30 Javascript
jQuery源码分析之init的详细介绍
Feb 13 Javascript
zTree 树插件实现全国五级地区点击后加载的示例
Feb 05 Javascript
使用use注册Vue全局组件和全局指令的方法
Mar 08 Javascript
Vue 使用中的小技巧
Apr 26 Javascript
vue2.0 路由模式mode="history"的作用
Oct 18 Javascript
解决layui弹框失效的问题
Sep 09 Javascript
vue 修改 data 数据问题并实时显示操作
Sep 07 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 simple_html_dom.php+正则 采集文章代码
2009/12/24 PHP
php递归调用删除数组空值元素的方法
2015/04/28 PHP
php提交过来的数据生成为txt文件
2016/04/28 PHP
浅谈PHP中的面向对象OOP中的魔术方法
2017/06/12 PHP
PHP按一定比例压缩图片的方法
2018/10/12 PHP
JavaScript 异步调用框架 (Part 4 - 链式调用)
2009/08/04 Javascript
阻止事件(取消浏览器对事件的默认行为并阻止其传播)
2013/11/03 Javascript
使用JavaScript获取电池状态的方法
2014/05/03 Javascript
js文本框输入内容智能提示效果
2015/12/02 Javascript
全面解析Bootstrap图片轮播效果
2015/12/03 Javascript
判断JS对象是否拥有某属性的方法推荐
2016/05/12 Javascript
JavaScript使用readAsDataUrl方法预览图片
2017/05/10 Javascript
Bootstrap标签页(Tab)插件切换echarts不显示问题的解决
2018/07/13 Javascript
jQuery实现动态添加和删除input框实例代码
2019/03/26 jQuery
layuiAdmin循环遍历展示商品图片列表的方法
2019/09/16 Javascript
20多个小事例带你重温ES10新特性(小结)
2019/09/29 Javascript
Vue v-bind动态绑定class实例方法
2020/01/15 Javascript
python编程-将Python程序转化为可执行程序[整理]
2007/04/09 Python
Python实现批量把SVG格式转成png、pdf格式的代码分享
2014/08/21 Python
Python实现处理管道的方法
2015/06/04 Python
python 实现在Excel末尾增加新行
2018/05/02 Python
python selenium爬取斗鱼所有直播房间信息过程详解
2019/08/09 Python
解决os.path.isdir() 判断文件夹却返回false的问题
2019/11/29 Python
python+selenium定时爬取丁香园的新型冠状病毒数据并制作出类似的地图(部署到云服务器)
2020/02/09 Python
matplotlib jupyter notebook 图像可视化 plt show操作
2020/04/24 Python
如何用python爬取微博热搜数据并保存
2021/02/20 Python
css3 transform过渡抖动问题解决
2020/10/23 HTML / CSS
nohup的用法
2012/11/26 面试题
优秀中专生推荐信
2013/11/17 职场文书
技校毕业生自荐信范文
2014/03/07 职场文书
软件项目实施计划书
2014/05/02 职场文书
法人代表证明书格式
2014/10/01 职场文书
2015重阳节敬老活动总结
2015/07/29 职场文书
周一问候语大全
2015/11/10 职场文书
2016年推广普通话宣传周活动总结
2016/04/06 职场文书
Mybatis 一级缓存和二级缓存原理区别
2022/09/23 Java/Android