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

Question

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

    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);
                                }
                            }
                        });
    }

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

Answer 1

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

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