问题描述

请大神帮忙看看关于jquery ajax非常小白的问题

前台的代码

 <table id="datas" border="1" cellspacing="0" style="border-collapse: collapse">
                <tr>
                    <th>
                        商品编号</th>
                    <th>
                        商品名称</th>
                    <th>
                        生产日期</th>
                    <th>
                        是否过期</th>

                </tr>
                <tr id="template">
                    <td id="bianhao">
                    </td>
                    <td id="mingcheng">
                    </td>
                    <td id="riqi">
                    </td>
                    <td id="guoqi">
                    </td>
                </tr>
            </table>

后台的代码

 <?xml version="1.0" ?>
<!DOCTYPE FTCS SYSTEM "futuretense_cs.dtd">
<FTCS Version="1.1">
<!--  Commodity/Action/testAjaxCRUD_commodity
-
- INPUT
-
- OUTPUT
-
-->
<IF COND="Variables.crud=R"><THEN>
    <EXECSQL LIST="listShangPin" TABLE="cm_shangpinxinxi" SQL="
    SELECT
    id
    shangpinbianhao
    shangpinmingcheng
    shengchanriqi
    shifouguoqi
    from cm_shangpinxinxi
    where status!='VO'
    AND id='Variables.xml_id'
    "/>

    <IF COND="listShangPin.#numRows!=0"><THEN>
    <LOOP LIST="listShangPin">
        [{
            xml_shangpinbianhao:'<CSVAR NAME="listShangPin.shangpinbianhao"/>',
            xml_shangpinmingcheng:'<CSVAR NAME="listShangPin.shangpinmingcheng"/>',
            xml_shengchanriqi:'<CSVAR NAME="listShangPin.shengchanriqi"/>',
            xml_shifouguoqi:'<CSVAR NAME="listShangPin.shifouguoqi"/>',
            xml_id:'<CSVAR NAME="listShangPin.id"/>'
        }]
    </THEN></IF>
</THEN></IF>
</FTCS>

.js代码

 $(document).ready(function(){
    $.ajax({
        type:"get",
        dataType:"json",
        url:"ContentServer?pagename=Commodity/Page/testAjaxCRUD_commodity",

        success:function(msg){
        var data=msg.table;
        $.each(data,function(i,n){
            alert(123);
            var row=$("#remplate").clone();
            row.find("#bianhao").text(listShangPin.shangpinbianhao);
            row.find("mingcheng").text(listShangPin.shangpinminfcheng);
            row.find("riqi").text(listShangPin.shengchanriqi);
            row.find("guoqi").text(xml_shifouguoqi);
        })
        }
    })
})

我要ajax访问后台是把数据库里的返回到前台显示，该怎么写，我这么写对吗，谁能知道我一下啊，我现在真的是一头雾水。

解决方案

刚开始接触，找不到方向

解决方案二：

            </tr>
            <span id="tb_body_goods_list"></span>

var html="";
$.each(data,function(j,v){
html += '

';
html += ''+ v.shangpinbianhao +'';
html += ''+ v.shangpinminfcheng +'';
html += ''+ v.shengchanriqi +'';
html += ''+ v.shifouguoqi +'';
html += '<tr>';

});
$("#tb_body_goods_list").html(html);
解决方案三：

            </tr>
            <span id="tb_body_goods_list"></span>

var html="";
$.each(data,function(j,v){
html += '

';
html += ''+ v.shangpinbianhao +'';
html += ''+ v.shangpinminfcheng +'';
html += ''+ v.shengchanriqi +'';
html += ''+ v.shifouguoqi +'';
html += '<tr>';

});
$("#tb_body_goods_list").html(html);

解决方案四：


js就按下面的处理，应该没什么错误吧，没接触过php

解决方案五：

解决方案六：

楼上说的，有点不明白的地方，请教下：表格里的内容为什么要放在一个里面？从js中生成html与在html中直接写有什么不同呢？

解决方案七：

发你最后生成的xml结构啊。。你发服务器端代码不是每个人都知道这个语言。

xml的解析和dom解析差不多的。使用getElementsByTagName，getAttribute等方法都支持

javascript解析xml文件函数列表