问题描述

ajax json如何通过 li 或者 table 在页面中遍历

后台接口写好了 但是不会在页面上遍历出查询的内容啊，

    function selSP(){
        document.getElementById("sp").innerHTML="";
        $.ajax({
                    url : tps_url +"tps_agent/goodsTemp_TempGoodsAction_findBySearchKey.action?jsoncallback=?",
                    dataType : 'jsonp',
                    data : {proType : proType},
                    success : function(data) {
                                if(data.recode==0){
                                    for(var i=0; i<data.result.list.length; i++){
                                        document.getElementById("sp").innerHTML+='<li class="tc-all"><span class="tc-img"><img onclick="selSPToParent(''+data.result.list[i].id+'')" src="'+data.result.imgPath+data.result.list[i].imgUrl+'" width="150" height="150"/></span><span class="tc-wz">'+data.result.list[i].name+'</span></li>';
                                    }
                                }else{
                                    alert(data.msg);
                                }
                            }
                        });
    }

只能通过这样吗 不想把 页面写在这里

解决方案

你用ajax+json的话只能自己组合数据起来然后设置容器的innerHTML显示数据

除非你用第三方的插件，如easyui有datagrid数据表格插件，你只需要提供datagrid需要的数据源就行，datagrid自动帮你显示出来

解决方案二：

首先看你的后台是用的什么。
1、servlet，把json放在request（session）对象里，然后返回，jsp在request里取。
2、框架，放在form表单里带回去，jsp页面用标签直接调用。

遍历的方式很多，《% %》的方式 或者《C:BEAN》等方式都可以

解决方案三：

在要展示的地方写个

;然后在ajax的回调里面写$(data).each(function(i){
$(''+data[i]+'').appendTo($('#myid'));
})
解决方案四：

var $sp = $("#sp");
for(var i=0; i
var $li = $(''+data.result.list[i].name+'')
$sp.append($li);

}
是要这样吗？

解决方案五：

var $sp = $("#sp");
for(var i=0; i
var $li = $("'+data.result.list[i].name+'");
$sp.append($li);

}