关于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操作三大控件(下拉,单选,复选)的方法
Aug 06 Javascript
判断文档离浏览器顶部的距离的方法
Jan 08 Javascript
sliderToggle在写jquery的计时器setTimeouter中不生效
May 26 Javascript
Javascript 读取操作Sql中的Xml字段
Oct 09 Javascript
jQuery图片特效插件Revealing实现拉伸放大
Apr 22 Javascript
Jquery技巧(必须掌握)
Mar 16 Javascript
JQuery对ASP.NET MVC数据进行更新删除
Jul 13 Javascript
JS实现的模仿QQ头像资料卡显示与隐藏效果
Apr 07 Javascript
Vue开发Html5微信公众号的步骤
Apr 11 Javascript
JS实现横向轮播图(中级版)
Jan 18 Javascript
javascript canvas检测小球碰撞
Apr 17 Javascript
JavaScript实现手机号码 3-4-4格式并控制新增和删除时光标的位置
Jun 02 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
基于mysql的bbs设计(五)
2006/10/09 PHP
php 将bmp图片转为jpg等其他任意格式的图片
2009/06/21 PHP
PHP实现批量清空删除指定文件夹所有内容的方法
2017/05/30 PHP
PHP长连接实现与使用方法详解
2018/02/11 PHP
php微信开发之音乐回复功能
2018/06/14 PHP
PHP中引用类型和值类型功能与用法示例
2019/02/26 PHP
善用事件代理,警惕闭包的性能陷阱。
2011/01/20 Javascript
基于jquery ajax 用户无刷新登录方法详解
2012/04/28 Javascript
固定网页背景图同时保持图片比例的思路代码
2013/08/15 Javascript
jquery easyui中treegrid用法的简单实例
2014/02/18 Javascript
如何实现chrome浏览器关闭页面时弹出“确定要离开此面吗?”
2015/03/05 Javascript
JS动态修改iframe内嵌网页地址的方法
2015/04/01 Javascript
yui3的AOP(面向切面编程)和OOP(面向对象编程)
2015/05/01 Javascript
详解webpack2+node+react+babel实现热加载(hmr)
2017/08/24 Javascript
微信小程序基于本地缓存实现点赞功能的方法
2017/12/18 Javascript
node基于puppeteer模拟登录抓取页面的实现
2018/05/09 Javascript
vuex 动态注册方法 registerModule的实现
2019/07/03 Javascript
JS把字符串格式的时间转换成几秒前、几分钟前、几小时前、几天前等格式
2019/07/10 Javascript
vue实现鼠标移过出现下拉二级菜单功能
2019/12/12 Javascript
JavaScript find()方法及返回数据实例
2020/04/30 Javascript
jQuery 实现DOM元素拖拽交换位置的实例代码
2020/07/14 jQuery
从django的中间件直接返回请求的方法
2018/05/30 Python
python mqtt 客户端的实现代码实例
2019/09/25 Python
Pytorch之Variable的用法
2019/12/31 Python
哪些是python中web开发框架
2020/06/17 Python
简单了解Python字典copy与赋值的区别
2020/09/16 Python
彻底弄明白CSS3的Media Queries(跨平台设计)
2010/07/27 HTML / CSS
CSS3弹性盒模型开发笔记(二)
2016/04/26 HTML / CSS
40岁生日感言
2014/02/15 职场文书
班风口号
2014/06/18 职场文书
2014班子“三严三实”对照检查材料思想汇报
2014/09/18 职场文书
软件研发工程师岗位职责
2014/09/30 职场文书
身份证丢失证明
2015/06/19 职场文书
导游词之开封禹王台风景区
2019/12/02 职场文书
直播实况, OMG破敌三路五十分钟大战神技局摩托车
2022/04/01 DOTA
vscode远程免密登入Linux服务器的配置方法
2022/06/28 Servers