解决backbone url请求中参数有中文，存入数据库是乱码

最近项目用到了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;

 

    }