2 feiyuchuixue feiyuchuixue 于 2015.05.25 09:23 提问

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

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

5个回答

showbo
showbo   Ds   Rxr 2015.05.25 10:09
已采纳

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

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

showbo
showbo 回复feiyuchuixue: 你要是用easyui不需要提交表单,配置url为你的数据源地址就行
2 年多之前 回复
feiyuchuixue
feiyuchuixue 回复feiyuchuixue:
2 年多之前 回复
feiyuchuixue
feiyuchuixue 哦 谢谢 那如何提交表单呢 是通过 $('#myform').submit(function() { $(this).ajaxSubmit(options); return false; }); 这样的方法 来提交表单吗 如果这样 那对应的页面应该如何写
2 年多之前 回复
wang1819867
wang1819867   2015.05.25 09:26

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

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

luopotaotao
luopotaotao   2015.05.25 10:46

在要展示的地方写个

    ;然后在ajax的回调里面写$(data).each(function(i){
    $(''+data[i]+'').appendTo($('#myid'));
    })
    diaoliwei2
    diaoliwei2   Rxr 2015.05.25 11:21

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

    }
    是要这样吗?

    diaoliwei2
    diaoliwei2   Rxr 2015.05.25 11:26

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

    }

    Csdn user default icon
    上传中...
    上传图片
    插入图片
    准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!