关于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 EasyUI API 中文文档 - ComboBox组合框
Oct 07 Javascript
javascript中的缓动效果实现程序
Dec 29 Javascript
深入理解JavaScript系列(21):S.O.L.I.D五大原则之接口隔离原则ISP详解
Mar 05 Javascript
简述JavaScript对传统文档对象模型的支持
Jun 16 Javascript
原生js实现弹出层登录拖拽功能
Dec 05 Javascript
bootstrap中的 form表单属性role="form"的作用详解
Jan 20 Javascript
jQuery实现给input绑定回车事件的方法
Feb 09 Javascript
React入门教程之Hello World以及环境搭建详解
Jul 11 Javascript
js编写简单的计时器功能
Jul 15 Javascript
Vue 实现v-for循环的时候更改 class的样式名称
Jul 17 Javascript
vue 解决mintui弹窗弹起来,底部页面滚动bug问题
Nov 12 Javascript
JavaScript canvas实现跟随鼠标移动小球
Feb 09 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
人族 TERRAN 概述
2020/03/14 星际争霸
PHP static局部静态变量和全局静态变量总结
2014/03/02 PHP
从零开始学YII2框架(四)扩展插件yii2-kartikgii
2014/08/20 PHP
Zend Framework教程之Loader以及PluginLoader用法详解
2016/03/09 PHP
翻译整理的jQuery使用查询手册
2007/03/07 Javascript
javascript阻止scroll事件多次执行的思路及实现
2013/11/08 Javascript
Jquery遍历节点的方法小集
2014/01/22 Javascript
JS实现适合于后台使用的动画折叠菜单效果
2015/09/21 Javascript
js实现正则匹配中文标点符号的方法
2015/12/23 Javascript
深入浅析JavaScript中with语句的理解
2016/05/12 Javascript
浅析BootStrap中Modal(模态框)使用心得
2016/12/24 Javascript
微信小程序 网络请求(post请求,get请求)
2017/01/17 Javascript
完美实现js焦点轮播效果(一)
2017/03/07 Javascript
vue-content-loader内容加载器的使用方法
2018/08/05 Javascript
vue实现pdf导出解决生成canvas模糊等问题(推荐)
2018/10/18 Javascript
微信上传视频文件提示(推荐)
2018/11/22 Javascript
el-select数据过多懒加载的解决(loadmore)
2019/05/29 Javascript
JavaScript字符串处理常见操作方法小结
2019/11/15 Javascript
vue@cli3项目模板怎么使用public目录下的静态文件
2020/07/07 Javascript
多线程爬虫批量下载pcgame图片url 保存为xml的实现代码
2013/01/17 Python
python3图片转换二进制存入mysql
2013/12/06 Python
python实现保存网页到本地示例
2014/03/16 Python
基于使用paramiko执行远程linux主机命令(详解)
2017/10/16 Python
详解Python异常处理中的Finally else的功能
2017/12/29 Python
python遍历文件夹找出文件夹后缀为py的文件方法
2018/10/21 Python
Python图像的增强处理操作示例【基于ImageEnhance类】
2019/01/03 Python
python用quad、dblquad实现一维二维积分的实例详解
2019/11/20 Python
使用Pyhton 分析酒店针孔摄像头
2020/03/04 Python
详解HTML5 Canvas标签及基本使用
2020/01/10 HTML / CSS
计算机求职信
2013/12/01 职场文书
应届毕业生自荐信例文
2014/02/26 职场文书
农业项目建议书
2014/08/25 职场文书
考试保密承诺书
2014/08/30 职场文书
2015年人民调解工作总结
2015/05/18 职场文书
2016年乡镇综治宣传月活动总结
2016/03/16 职场文书
微信小程序中wxs文件的一些妙用分享
2022/02/18 Javascript