关于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 相关文章推荐
用示例说明filter()与find()的用法以及children()与find()的区别分析
Apr 26 Javascript
jQuery中ready事件用法实例
Jan 19 Javascript
如何解决谷歌浏览器下jquery无法获取图片的尺寸
Sep 10 Javascript
prototype与__proto__区别详细介绍
Jan 09 Javascript
JavaScript基础之AJAX简单的小demo
Jan 29 Javascript
Vue2.0组件间数据传递示例
Mar 07 Javascript
JS检测window.open打开的窗口是否关闭
Jun 25 Javascript
vue组件从开发到发布的实现步骤
Nov 11 Javascript
JavaScript数据结构与算法之基本排序算法定义与效率比较【冒泡、选择、插入排序】
Feb 21 Javascript
vue微信分享的实现(在当前页面分享其他页面)
Apr 16 Javascript
javascript之分片上传,断点续传的实际项目实现详解
Sep 05 Javascript
JavaScript的变量声明与声明提前用法实例分析
Nov 26 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
基于qmail的完整WEBMAIL解决方案安装详解
2006/10/09 PHP
php编程实现获取excel文档内容的代码实例
2011/06/28 PHP
PHP CURL模拟登录新浪微博抓取页面内容 基于EaglePHP框架开发
2012/01/16 PHP
PHP中几个常用的魔术常量
2012/02/23 PHP
PHP chunk_split()函数讲解
2019/02/12 PHP
简略的前端架构心得&&基于editor为例子的编码小技巧
2010/11/25 Javascript
使用jQuery操作Cookies的实现代码
2011/10/09 Javascript
IE6 hack for js 集锦
2014/09/23 Javascript
JS实现文件动态顺序载入的方法
2015/03/07 Javascript
简介可以自动完成UI的AngularJS工具angular-smarty
2015/06/23 Javascript
JavaScript设计模式之构造函数模式实例教程
2018/07/02 Javascript
vue里的data要用return返回的原因浅析
2019/05/28 Javascript
layui禁用侧边导航栏点击事件的解决方法
2019/09/25 Javascript
uni-app 支持多端第三方地图定位的方法
2020/01/03 Javascript
python ansible服务及剧本编写
2017/12/29 Python
详解python中的线程
2018/02/10 Python
python微信跳一跳系列之色块轮廓定位棋盘
2018/02/26 Python
火车票抢票python代码公开揭秘!
2018/03/08 Python
Python简单生成随机数的方法示例
2018/03/31 Python
Python3使用turtle绘制超立方体图形示例
2018/06/19 Python
Django实现文件上传和下载功能
2019/10/06 Python
pandas dataframe 中的explode函数用法详解
2020/05/18 Python
总结30个CSS3选择器
2017/04/13 HTML / CSS
丝芙兰法国官网:SEPHORA法国
2016/09/01 全球购物
澳大利亚在线家具店:Luxo Living
2019/03/24 全球购物
拉飞逸官网:Lafayette 148 New York
2020/07/15 全球购物
使用Vue.js和MJML创建响应式电子邮件
2021/03/23 Vue.js
教学大赛获奖感言
2014/01/15 职场文书
班级年度安全计划书
2014/05/01 职场文书
教师读书活动总结
2014/05/07 职场文书
爱护公共设施演讲稿
2014/09/13 职场文书
面试自我评价范文
2014/09/17 职场文书
投标承诺函范文
2015/01/21 职场文书
2015年质量管理工作总结范文
2015/05/18 职场文书
诚实守信主题班会
2015/08/13 职场文书
卖车协议书范文
2016/03/23 职场文书