关于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遍历表格的实例
Jul 10 Javascript
jQuery学习笔记之基础中的基础
Jan 19 Javascript
jQuery实现的倒计时效果实例小结
Apr 16 Javascript
使用JQuery 加载页面时调用JS的实现方法
May 30 Javascript
基于BootStrap实现局部刷新分页实例代码
Aug 08 Javascript
使用JS实现图片展示瀑布流效果的实例代码
Sep 12 Javascript
js中el表达式的使用和非空判断方法
Mar 28 Javascript
Vue中使用vux配置代码详解
Sep 16 Javascript
如何使用CSS3+JQuery实现悬浮墙式菜单
Jun 18 jQuery
JavaScript 格式化数字、金额、千分位、保留几位小数、舍入舍去
Jul 23 Javascript
关于layui 弹出层一闪而过就消失的解决方法
Sep 09 Javascript
javascript设计模式 ? 解释器模式原理与用法实例分析
Apr 17 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
Laravel 5框架学习之数据库迁移(Migrations)
2015/04/08 PHP
php利用云片网实现短信验证码功能的示例代码
2017/11/18 PHP
Laravel框架使用monolog_mysql实现将系统日志信息保存到mysql数据库的方法
2018/08/16 PHP
PHP数组与字符串互相转换实例
2020/05/05 PHP
关于Ext中form移除textfield方法:hide(),setVisible(false),remove()
2010/12/02 Javascript
Js数组的操作push,pop,shift,unshift等方法详细介绍
2012/12/28 Javascript
详解JavaScript中undefined与null的区别
2014/03/29 Javascript
从零学JS之你需要了解的几本书
2014/05/19 Javascript
jQuery新的事件绑定机制on()示例应用
2014/07/18 Javascript
基于jQuery实现select下拉选择可输入附源码下载
2016/02/03 Javascript
微信js-sdk预览图片接口及从拍照或手机相册中选图接口用法示例
2016/10/13 Javascript
Vue2.0+ElementUI实现表格翻页的实例
2017/10/23 Javascript
vue axios封装及API统一管理的方法
2019/04/18 Javascript
Sublime Text3 配置 NodeJs 环境的方法
2020/05/20 NodeJs
详解vue之自行实现派发与广播(dispatch与broadcast)
2021/01/19 Vue.js
使用webpack和rollup打包组件库的方法
2021/02/25 Javascript
python下实现二叉堆以及堆排序的示例
2017/09/29 Python
python使用tkinter实现简单计算器
2018/01/30 Python
[原创]Python入门教程5. 字典基本操作【定义、运算、常用函数】
2018/11/01 Python
flask-restful使用总结
2018/12/04 Python
python调用自定义函数的实例操作
2019/06/26 Python
jupyter notebook 多行输出实例
2020/04/09 Python
Wiggle中国:英国骑行、跑步、游泳 & 铁三运动装备专卖网店
2016/08/02 全球购物
沙特阿拉伯电子产品和家用电器购物网站:Black Box
2019/07/24 全球购物
历史专业毕业生的自我鉴定
2013/11/15 职场文书
《影子》教学反思
2014/02/21 职场文书
大学竞选班干部演讲稿
2014/08/21 职场文书
毕业生实习期转正自我鉴定
2014/09/26 职场文书
四风问题对照检查材料整改措施
2014/09/27 职场文书
环卫个人总结
2015/03/03 职场文书
证券公司客户经理岗位职责
2015/04/09 职场文书
校车司机安全责任书
2015/05/11 职场文书
公司车辆管理制度
2015/08/04 职场文书
2016年全国爱牙日宣传活动总结
2016/04/05 职场文书
个人工作总结(管理人员)范文
2019/08/13 职场文书
Go gRPC进阶教程gRPC转换HTTP
2022/06/16 Golang