关于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 相关文章推荐
IE6中使用position导致页面变形的解决方案(js代码)
Jan 09 Javascript
JQuery下拉框应用示例介绍
Apr 23 Javascript
谷歌浏览器不支持showModalDialog模态对话框的解决方法
Sep 22 Javascript
5个可以帮你理解JavaScript核心闭包和作用域的小例子
Oct 08 Javascript
jQuery Mobile框架中的表单组件基础使用教程
May 17 Javascript
JQuery点击事件回到页面顶部效果的实现代码
May 24 Javascript
浅谈js对象的创建和对6种继承模式的理解和遐想
Oct 16 Javascript
Angular4 中内置指令的基本用法
Jul 31 Javascript
详解Angular5 服务端渲染实战
Jan 04 Javascript
Koa2 之文件上传下载的示例代码
Mar 29 Javascript
微信小程序自定义tab实现多层tab嵌套功能
Jun 15 Javascript
使用Phantomjs和Node完成网页的截屏快照的方法
Jul 16 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
php中strtotime函数用法详解
2014/11/15 PHP
JAVASCRIPT下判断IE与FF的比较简单的方式
2008/10/17 Javascript
javascript检查日期格式的函数[比较全]
2008/10/17 Javascript
让GoogleCode的SVN下的HTML文件在FireFox下正常显示.
2009/05/25 Javascript
javascript之querySelector和querySelectorAll使用说明
2011/10/09 Javascript
JavaScript中的常见问题解决方法(乱码,IE缓存,代理)
2013/11/28 Javascript
js获取select标签的值且兼容IE与firefox
2013/12/30 Javascript
js怎么判断flash swf文件是否加载完毕
2014/08/14 Javascript
Js中使用hasOwnProperty方法检索ajax响应对象的例子
2014/12/08 Javascript
基于jquery ui的alert,confirm方案(支持换肤)
2015/04/03 Javascript
一些实用性较高的js方法
2016/04/19 Javascript
jquery与ajax获取特殊字符实例详解
2017/01/08 Javascript
微信小程序 动态绑定数据及动态事件处理
2017/03/14 Javascript
详解微信小程序中的页面代码中的模板的封装
2017/10/12 Javascript
浅谈Vue2.0中v-for迭代语法的变化(key、index)
2018/03/06 Javascript
Vue结合后台导入导出Excel问题详解
2019/02/19 Javascript
swiper实现异形轮播效果
2019/11/28 Javascript
[01:28:24]NAVI vs VG Supermajor 败者组 BO3 第三场 6.5
2018/06/06 DOTA
python 定时器,轮询定时器的实例
2019/02/20 Python
在cmd中查看python的安装路径方法
2019/07/03 Python
Python Django2.0集成Celery4.1教程
2019/11/19 Python
ALLSAINTS英国官网:伦敦新锐潮流品牌
2016/09/19 全球购物
举例说明类变量和实例变量的区别
2016/06/30 面试题
自我鉴定思想方面
2013/10/07 职场文书
优秀员工自荐书范文
2013/12/08 职场文书
写给学生的新学期寄语
2014/01/18 职场文书
新学期家长寄语
2014/01/19 职场文书
高中体育教学反思
2014/01/24 职场文书
大学三年计划书范文
2014/04/30 职场文书
文明寝室标语
2014/06/13 职场文书
船舶工程技术专业求职信
2014/08/07 职场文书
2015年企业新年寄语
2014/12/08 职场文书
学雷锋团日活动总结
2015/05/06 职场文书
2016班级元旦联欢会开幕词
2016/03/04 职场文书
少年的你:世界上没有如果,要在第一次就勇敢的反抗
2019/11/20 职场文书
前端vue+express实现文件的上传下载示例
2022/02/18 Vue.js