jsp页面 如何接收并且展示 $.ajax 获取的json数组 求大神解决

Question

项目采用springmvc mybatis框架
mysql数据库

1、这是js部分

2、这个是控制器部分

3、这是jsp页面部分

4、这是json解析后的数据

5、后台页面穴位 这块显示的都是[object,object]

最终的前台页面 要实现这样的效果

这是参考网友的代码
test ul,li{list-style:none;} #nav li{display:inline-block;margin:0 5px;background:#ccc;padding:0 10px; line-height:24px;font-size:12px;} #nav li.h_nav_over{background:red;color:#fff;} #nav li.h_nav_over a{color:#fff;} a{text-decoration:none;} $(function(){ var arr =[{"name":"心","id":"1"},{"name":"肝","id":"2"},{"name":"脑袋","id":"3"},{"name":"屁股","id":"4"}]; var arrStr =""; var retStr =""; $.each(arr, function(i, item) { arrStr += '

'+arr[i].name+''; }); $('#xueweiList').append(arrStr); $("#nav>ul>li").click(function(){ if(this.className=='h_nav_over'){ $(this).removeClass("h_nav_over"); var xueweis = retStr.split(','); remove(retStr,this.id); }else{ $(this).addClass("h_nav_over"); retStr += this.id+','; } $("#xueweis").val(retStr); alert($("#xueweis").val()); }); }); function indexOf(arr,val) { for (var i = 0; i < arr.length; i++) { if (arr[i] == val) return i; } return -1; }; function remove(arr,val) { var index = indexOf(arr,val); if (index > -1) { arr.splice(index, 1); } };
效果：
现在缺少body部分的代码 改怎么对应呀

Answer 1

你不能再里面那个循环里直接赋值给***.value ,在外面定个变量，循环里每次循环都追加到变量，循环外面再赋值