jquery ajax json数据解析

zerohh 发布于 2013/04/10 13:33
阅读 8K+
收藏 0

Services:

 @RequestMapping(value = "/jsontest")
public void getUser(Model model,HttpServletResponse response) throws IOException {

List<User> userList = userService.getAll();
String jsonData = JSONArray.toJSONString(userList);
System.out.println(jsonData);
response.setCharacterEncoding("utf-8");
response.getWriter().print(jsonData);

}

输出数据:

[{"id":2,"name":"李四","password":"33"},{"id":4,"name":"123","password":"456"},{"id":5,"name":"123","password":"456"},{"id":6,"name":"dida","password":"111"},{"id":7,"name":"234","password":"456"},{"id":8,"name":"678","password":"678"},{"id":9,"info":"滴答","name":"hello","password":"123"}]



view:

<script type="text/javascript" src="jquery/jquery-1.7.js"></script>
 <script type="text/javascript">
  $(function(){
     $("#send").click(function(){
       $.ajax({
            url:"jsontest",
            dataType:"json",
            success:function(date){
              $("#resText").html(date);
              var obj = eval("("+date+")");
              $("#name").val(date[0]["name"]);
              $("#pwd").val(date[0]["password"]);
            }
       });
     });
  });
 </script> 
  
  <body> 
    <br><br>download database  
     
    <input type="button" id="send" value="ajax获取">
    <div id="resText"></div>
     <div id="hh"></div>
     
     <input type="text" id="name" name="username">
     <input type="text" id="pwd" name="userpwd">

    

  </body>

问:1.对于list集合的数据转换为json格式我的做法对吗? 在前台是怎么解析的呢,我设置dateType为json

     得到数据js不在往下执行?返回的就是json格式么。 

    2.如标注绿色的部分,给页面文本框赋值不成功? alert(obj) --> 结果为-》(object.object),我想我的  

    问题在于把list转换为json方法不对,又或js处理不对,求解?




加载中
0
HostSugar
HostSugar

eval 可以去掉。

success:function(date){

    date[0].name

    //或者循环取出所有

    $(date).each(function(){
        this.name;
    });

}
网上搜下jquery 解析json有好多解决方案




0
熟悉的陌生人
熟悉的陌生人
var obj = jQuery.parseJSON('{"name":"John"}');
alert( obj.name === "John" );
0
zerohh
zerohh
嗯、 谢谢楼上各位
0
liuweihug
liuweihug
这里有详细说明
http://www.suchso.com/projecteactual/jquery-aspnet-back-js-parse-object-list.html
返回顶部
顶部