关于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 相关文章推荐
js 获取中文拼音,Select自动匹配字母获取值的代码
Sep 23 Javascript
JavaScript 常见对象类创建代码与优缺点分析
Dec 07 Javascript
时间戳转换为时间 年月日时间的JS函数
Aug 19 Javascript
JS判断两个时间大小的示例代码
Jan 28 Javascript
使用js画图之正弦曲线
Jan 12 Javascript
input输入框鼠标焦点提示信息
Mar 17 Javascript
JS组件系列之使用HTML标签的data属性初始化JS组件
Sep 14 Javascript
禁止弹窗中蒙层底部页面跟随滚动的几种方法
Dec 07 Javascript
Angular 作用域scope的具体使用
Dec 11 Javascript
React项目动态设置title标题的方法示例
Sep 26 Javascript
js实现查询商品案例
Jul 22 Javascript
详解Vue 的异常处理机制
Nov 30 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抓取、分析国内视频网站的视频信息工具类
2014/04/02 PHP
smarty中post用法实例
2014/11/28 PHP
CSS中一些@规则的用法小结
2021/03/09 HTML / CSS
网页图片延时加载的js代码
2010/04/22 Javascript
页面右下角弹出提示框示例代码js版
2013/08/02 Javascript
jQuery实现图片放大预览实现原理及代码
2013/09/12 Javascript
如何在node的express中使用socket.io
2014/12/15 Javascript
深入理解JavaScript系列(38):设计模式之职责链模式详解
2015/03/04 Javascript
javascript实现百度地图鼠标滑动事件显示、隐藏
2015/04/02 Javascript
javascript表格隔行变色加鼠标移入移出及点击效果的方法
2015/04/10 Javascript
jQuery的position()方法详解
2015/07/19 Javascript
基于jquery实现在线选座订座之影院篇
2015/08/24 Javascript
JS常见问题之为什么点击弹出的i总是最后一个
2016/01/05 Javascript
JS中artdialog弹出框控件之提交表单思路详解
2016/04/18 Javascript
js本地图片预览实现代码
2016/10/09 Javascript
js调用父框架函数与弹窗调用父页面函数的简单方法
2016/11/01 Javascript
ng-options和ng-checked在表单中的高级运用(推荐)
2017/01/21 Javascript
微信小程序 判断手机号的实现代码
2017/04/19 Javascript
基于Vue-Cli 打包自动生成/抽离相关配置文件的实现方法
2018/12/09 Javascript
JavaScript数组特性与实践应用深入详解
2018/12/30 Javascript
Vue在 Nuxt.js 中重定向 404 页面的方法
2019/04/23 Javascript
vue自动路由-单页面项目(非build时构建)
2019/04/30 Javascript
[03:17]2016完美“圣”典风云人物:冷冷专访
2016/12/08 DOTA
python实现搜索指定目录下文件及文件内搜索指定关键词的方法
2015/06/28 Python
Python字符串格式化%s%d%f详解
2018/02/02 Python
python按比例随机切分数据的实现
2019/07/11 Python
印度服装购物网站:Limeroad
2018/09/26 全球购物
英国外籍人士的在线超市:British Corner Shop
2019/06/03 全球购物
财务方面个人工作的自我评价
2013/12/28 职场文书
寄语十八大感言
2014/02/07 职场文书
入职担保书怎么写
2014/05/12 职场文书
财务工作疏忽检讨书
2014/09/11 职场文书
晚会开幕词
2015/01/28 职场文书
2016高一新生军训心得体会
2016/01/11 职场文书
2016五一手机促销广告语
2016/01/28 职场文书
导游词之包公祠
2019/11/25 职场文书