关于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 相关文章推荐
use jscript List Installed Software
Jun 11 Javascript
分享一个asp.net pager分页控件
Jan 04 Javascript
MultiSelect左右选择控件的设计与实现介绍
Jun 08 Javascript
jQuery/CSS3图片特效插件整理推荐
Dec 07 Javascript
jquery实现经典的淡入淡出选项卡效果代码
Sep 22 Javascript
基于javascript实现全屏漂浮广告
Mar 31 Javascript
详解JavaScript实现设计模式中的适配器模式的方法
May 18 Javascript
详谈$.data()的用法和作用
Feb 13 Javascript
JavaScript模块详解
Dec 18 Javascript
angular1配合gulp和bower的使用教程
Jan 19 Javascript
js实现简单的无缝轮播效果
Sep 05 Javascript
vue前端工程的搭建
Mar 31 Vue.js
多种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实现的操作excel类详解
2016/01/15 PHP
php支付宝在线支付接口开发教程
2016/09/19 PHP
js跨域和ajax 跨域问题的实现思路
2009/09/05 Javascript
JQuery给元素添加/删除节点比如select
2013/04/02 Javascript
java与javascript之间json格式数据互转介绍
2013/10/29 Javascript
js获取指定的cookie的具体实现
2014/02/20 Javascript
javascript事件函数中获得事件源的两种不错方法
2014/03/17 Javascript
javascript字母大小写转换的4个函数详解
2014/05/09 Javascript
基于jquery实现页面滚动到底自动加载数据的功能
2015/12/19 Javascript
jquery常用的12个小功能
2016/07/22 Javascript
Bootstrap Validator 表单验证
2016/07/25 Javascript
详解微信小程序开发之——wx.showToast(OBJECT)的使用
2017/01/18 Javascript
js遍历添加栏目类添加css 再点击其它删除css【推荐】
2018/06/12 Javascript
解决cordova+vue 项目打包成APK应用遇到的问题
2019/05/10 Javascript
Vue实现剪切板图片压缩功能
2020/02/04 Javascript
实现一个Vue自定义指令懒加载的方法示例
2020/06/04 Javascript
[53:03]Optic vs TNC 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
[45:25]OG vs EG 2019国际邀请赛淘汰赛 胜者组 BO3 第一场 8.22
2019/09/05 DOTA
python爬虫框架talonspider简单介绍
2017/06/09 Python
PyQt5每天必学之关闭窗口
2018/04/19 Python
Python3.4学习笔记之常用操作符,条件分支和循环用法示例
2019/03/01 Python
如何更优雅地写python代码
2019/07/02 Python
Python Django Vue 项目创建过程详解
2019/07/29 Python
Django 反向生成url实例详解
2019/07/30 Python
Pandas将列表(List)转换为数据框(Dataframe)
2020/04/24 Python
python中有函数重载吗
2020/05/28 Python
html5设计原理(推荐收藏)
2014/05/17 HTML / CSS
Maje德国官网:法国女性成衣品牌
2017/02/10 全球购物
EM Cosmetics官网:由彩妆大神Michelle Phan创办的独立品牌
2020/04/27 全球购物
通信工程专业女生个人求职信
2013/09/21 职场文书
新年寄语大全
2014/04/12 职场文书
大队干部竞选演讲稿
2014/04/28 职场文书
公务员上班玩游戏检讨书
2014/09/17 职场文书
2014年招生工作总结
2014/11/26 职场文书
毕业实习证明范本
2015/06/16 职场文书
海康机器人重磅发布全新算法开发平台VM4.2
2022/04/21 数码科技