ssm框架下实现后台向前台传json数据

       在学习使用ssm框架捣鼓一个后台管理系统的过程中遇到了一个需求,就是在用户登陆成功后有一个用户信息修改模块,大概功能就是跳转进信息修改页面时,页面默认显示出用户在数据库中已经存储的基本信息,用户可以对其进行修改并保存。思路是通过后台传json数据到前台页面,前台通过ajax接受解析json数据,进而将对应的数据赋值给对应的input框里。但在实现过程终于遇到种种问题,侥幸将其解决后便决定将其记录下来。

 

首先得先导入json有关的jar包


    
      net.sf.json-lib
      json-lib
      2.4
      jdk15
    
    
      com.fasterxml.jackson.core
      jackson-databind
      2.9.5
    
    
    
      com.fasterxml.jackson.core
      jackson-core
      2.9.5
    
    
    
      com.fasterxml.jackson.core
      jackson-annotations
      2.9.5
    
  

 然后在spring.xml里添加:


        
            
                
                
            
        
    

再然后是Controller里的测试代码:

@RequestMapping(value = "/testJson.do",produces ={ "application/json;charset=UTF-8"})
    @ResponseBody
    public User testjson(){
        User userjson=new User("qwer","q","无");
        return userjson;
    }

js文件:

$(document).ready(function () {
    var val;
    var val1;
    $.ajax({
        type: "POST",
        url: "testJson.do",
        dataType: "json",
        success: function (data) {
            val = JSON.stringify(data);
            val1 = JSON.parse(val);
            $('#exampleInputName2').val(val1.u_Name);   //给input赋值
            $('#exampleInputName3').val(val1.u_Power);   //给input赋值

        },
        error: function (data) {
            alert("系统繁忙,请稍后重试!");
        }
    });
});

前台测试页面:

以上就是我自己完成这一需求的思路,还是初学者,还请大家不吝赐教!

你可能感兴趣的:(ssm)