ajax json 遍歷-ajax json如何通過 li 或者 table 在頁面中遍歷

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自動幫你顯示出來