关于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 相关文章推荐
javascript 控制弹出窗口
Apr 10 Javascript
为指定的元素添加遮罩层的示例代码
Jan 15 Javascript
js读取配置文件自写
Feb 11 Javascript
用IE重起计算机或者关机的示例代码
Mar 10 Javascript
如何正确使用javascript 来进行我们的程序开发
Jun 23 Javascript
JavaScript函数学习总结以及相关的编程习惯指南
Nov 16 Javascript
JS数组排序方法实例分析
Dec 16 Javascript
解决IE7中使用jQuery动态操作name问题
Aug 28 jQuery
JS使用正则表达式找出最长连续子串长度
Oct 26 Javascript
解决layer弹层遮罩挡住窗体的问题
Aug 17 Javascript
vue解决使用webpack打包后keep-alive不生效的方法
Sep 01 Javascript
vue-awesome-swiper 基于vue实现h5滑动翻页效果【推荐】
Nov 08 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+jQuery 注册模块开发详解
2014/10/14 PHP
PHP单例模式与工厂模式详解
2017/08/29 PHP
PHP的mysqli_select_db()函数讲解
2019/01/23 PHP
写的htc的数据表格
2007/01/20 Javascript
一段实现页面上的图片延时加载的js代码
2010/02/11 Javascript
基于jQuery实现的水平和垂直居中的div窗口
2011/08/08 Javascript
javascript计时器详解
2015/02/28 Javascript
jquery中live()方法和bind()方法区别分析
2016/06/23 Javascript
jQuery实现两个select控件的互移操作
2016/12/22 Javascript
jQuery移除或禁用html元素点击事件常用方法小结
2017/02/10 Javascript
JS中实现函数return多个返回值的实例
2017/02/21 Javascript
Angular2数据绑定详解
2017/04/18 Javascript
Vue2.0 多 Tab切换组件的封装实例
2017/07/28 Javascript
react 实现页面代码分割、按需加载的方法
2018/04/03 Javascript
angular学习之动态创建表单的方法
2018/12/07 Javascript
linux系统使用python监测系统负载脚本分享
2014/01/15 Python
在Python中用has_key()方法查找键是否存在的教程
2015/05/21 Python
Python模块搜索概念介绍及模块安装方法介绍
2015/06/03 Python
python基础教程项目五之虚拟茶话会
2018/04/02 Python
Python3实现的字典、列表和json对象互转功能示例
2018/05/22 Python
Python实现的旋转数组功能算法示例
2019/02/23 Python
Python 3.8 新功能大揭秘【新手必学】
2020/02/05 Python
python和php哪个更适合写爬虫
2020/06/22 Python
python如何支持并发方法详解
2020/07/25 Python
PyCharm2020.3.2安装超详细教程
2021/02/08 Python
CSS3截取字符串实例代码【推荐】
2018/06/07 HTML / CSS
CSS3 animation实现简易幻灯片轮播特效
2016/09/27 HTML / CSS
html5使用canvas实现图片下载功能的示例代码
2017/08/26 HTML / CSS
联想法国官方网站:Lenovo法国
2018/10/18 全球购物
我的珠宝盒:Ma boîte à bijoux
2019/08/27 全球购物
SEPHORA丝芙兰德国官方购物网站:化妆品、护肤品和香水
2020/01/21 全球购物
数学系毕业生求职信
2014/05/29 职场文书
ktv好的活动方案
2014/08/17 职场文书
2014年学前班工作总结
2014/12/08 职场文书
学术研讨会欢迎词
2015/01/26 职场文书
vue3种table表格选项个数的控制方法
2022/04/14 Vue.js