关于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 相关文章推荐
从阿里妈妈发现的几个不错的表单验证函数
Sep 21 Javascript
js添加select下默认的option的value和text的方法
Oct 19 Javascript
JS+DIV+CSS排版布局实现美观的选项卡效果
Oct 10 Javascript
举例讲解JavaScript中将数组元素转换为字符串的方法
Oct 25 Javascript
thinkphp实现无限分类(使用递归)
Dec 19 Javascript
在使用JSON格式处理数据时应该注意的问题小结
May 20 Javascript
带你了解session和cookie作用原理区别和用法
Aug 14 Javascript
基于vue.js路由参数的实例讲解——简单易懂
Sep 07 Javascript
Vue不能检测到Object/Array更新的情况的解决
Jun 26 Javascript
图文讲解vue的v-if使用方法
Feb 11 Javascript
vue+高德地图写地图选址组件的方法
May 18 Javascript
Vue3.0中Ref与Reactive的区别示例详析
Jul 07 Vue.js
多种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安全配置详细说明
2011/09/26 PHP
修改PHP的memory_limit限制的方法分享
2012/02/21 PHP
PHP下获取上个月、下个月、本月的日期(strtotime,date)
2014/02/02 PHP
ThinkPHP实现带验证码的文件上传功能实例
2014/11/01 PHP
替换php字符串中的单引号为双引号的方法
2017/02/16 PHP
php 后端实现JWT认证方法示例
2018/09/04 PHP
PHP convert_cyr_string()函数讲解
2019/02/13 PHP
js 蒙版进度条(结合图片)
2010/03/10 Javascript
如何动态的导入js文件具体该怎么实现
2014/01/14 Javascript
Javascript玩转继承(三)
2014/05/08 Javascript
详解JavaScript对象类型
2016/06/16 Javascript
jQuery实现表格行和列的动态添加与删除方法【测试可用】
2016/08/01 Javascript
JS中使用cavas截图网页并解决跨域及模糊问题
2018/11/13 Javascript
JS div匀速移动动画与变速移动动画代码实例
2019/03/26 Javascript
JS查找孩子节点简单示例
2019/07/25 Javascript
Vue 技巧之控制父类的 slot
2020/02/24 Javascript
jQuery 动画与停止动画效果实例详解
2020/05/19 jQuery
在Uni中使用Vue的EventBus总线机制操作
2020/07/31 Javascript
原生js+canvas实现下雪效果
2020/08/02 Javascript
9个JavaScript日常开发小技巧
2020/10/06 Javascript
[24:42]VP vs TNC Supermajor小组赛B组 BO3 第三场 6.2
2018/06/03 DOTA
Python向日志输出中添加上下文信息
2017/05/24 Python
Python2中文处理纪要的实现方法
2018/03/10 Python
django使用LDAP验证的方法示例
2018/12/10 Python
使用pyinstaller打包PyQt4程序遇到的问题及解决方法
2019/06/24 Python
python__new__内置静态方法使用解析
2020/01/07 Python
Python函数必须先定义,后调用说明(函数调用函数例外)
2020/06/02 Python
python中的split、rsplit、splitlines用法说明
2020/10/23 Python
pycharm实现猜数游戏
2020/12/07 Python
HTML5调用手机摄像头拍照的实现思路及代码
2014/06/15 HTML / CSS
中国电子产品批发商/跨境电商/外贸网:Sunsky-online
2020/04/20 全球购物
给老师的道歉信
2014/01/11 职场文书
检察院对照“四风”认真查找问题落实整改措施
2014/09/26 职场文书
毕业典礼邀请函
2015/01/31 职场文书
宝宝满月祝酒词
2015/08/10 职场文书
go语言中切片与内存复制 memcpy 的实现操作
2021/04/27 Golang