Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/video/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 显示列表中的所有数据_Javascript - Fatal编程技术网

Javascript 显示列表中的所有数据

Javascript 显示列表中的所有数据,javascript,Javascript,我正在使用Javascript编程,希望显示列表中的所有数据。我想这可以用for循环来完成?但似乎正在努力正确地构建它。以下是我目前的代码: function getPackerData() { $.get('/dispdata/<?=$page_title?>.txt', function(data) { var myList = data.split('~'); var

我正在使用Javascript编程,希望显示列表中的所有数据。我想这可以用for循环来完成?但似乎正在努力正确地构建它。以下是我目前的代码:

function getPackerData() {
                $.get('/dispdata/<?=$page_title?>.txt', function(data) {
                    var myList = data.split('~');
                    var list=[]; prt--;

                    var lineItem = {};
                    lineItem.ORDER_NO = myList[0];
                    lineItem.LINE = myList[1];
                    lineItem.ORDQTY = myList[2];
                    lineItem.DESCRIPTION= myList[3];
                    lineItem.PRODUCTINFO = myList[4];
                    lineItem.ORDER_NO.length>1 ? list.push(lineItem) : '';

                    var obj={};
                    obj.wo=list;
                    if (testList != data) { makeTable(obj); testList = data };
                });  }


function makeTable( data ) {
                colHeaders = Object.keys(data.wo[0]);
                var cols = [];
                for (var i=0; i<colHeaders.length; i++) {
                    cols.push("<th>" + colHeaders[i] + "</th>");
                };

                var trs = []

                for (var i=0; i<data.wo.length; i++){               

                    var newHeader=data.wo[i].ORDER_NO + " &ndash; " + data.wo[i].LINE + " &nbsp;&nbsp;&nbsp;&nbsp;" + "QTY: &nbsp;" + data.wo[i].ORDQTY;

                    if (i>=0) {
                            trs.push( "<tr><th colspan=\"5\"><span style = 'color:red'>" + newHeader + "</span></th></tr>" );
                            trs.push("<tr><td class=\"DESCRIPTION\">" + data.wo[i].DESCRIPTION + "</td></tr>");
                            trs.push("<tr><td class=\PRODUCTINFO\">" + data.wo[i].PRODUCTINFO + "</td></tr>");              
                    };                      
                };
                $('.real tfoot').html("<td colspan=\"7\"></td>");
                $('.real tbody').html(trs.join("")); };

我使用
~
作为分隔符,数据都在一行上。现在它显示列表中的前5个。如何让它显示列表中的其余数据?任何帮助都太好了!谢谢大家!

您的代码片段有一些明显的问题,但我注意到的一点是,对于示例数据,
myList=data.split(“~”)生成一个包含7个元素的数组,最后两个元素是空字符串。因此,如果您看到显示的5个元素,这是因为代码正在工作:-)

感谢您的回复!对不起,是的,我给的样品我想很好用。但是有时候文本文件中会有更多的数据,所以我最多可以有15个元素,但它没有全部显示出来。
886268~2~27~LT-22-L39/840-AF-F358AB-DIM-UNV~(1)680mA(CD)680mA/(1)HLM-56TC-840(1,1,1)V:42~883046~4~2~LT-24-L52/840-AF-(4)EQ-DIM-UNV~(1)40W(PH)825mA/(2)HLM-56TC-840(2,1,1,1)V:40 ~
上面的示例以尾随的~,因此最后一个元素将是一个空字符串。您是否在使用Firefox控制台之类的调试工具?另一件事——我在阅读这篇文章时遇到了一些困难——看起来你在
lineItem
对象上设置了5或6个属性,所以如果你只设置了这些,那么你就得到了这些。我不明白的另一件事是,您的数据是否应该包含多个记录。我想我一点也不明白。另一件令人困惑的事情是,你对变量的引用似乎没有声明。不清楚这些是全局的还是错误的。很抱歉造成混淆,我已经在web浏览器中添加了它的外观图片。我正在使用Chrome并使用Chrome的调试工具。这些是正在导入这些文本文件的订单。在我一分钟前给出的示例中,order#是一个6位数的数字,下面是对订单的描述,因此示例有2个订单,但只显示一个订单。所以我想我可以硬编码更多的
lineItem
properties,但是我想知道如果那些属性没有找到任何东西,它是否会留下空白?希望这更有意义。。。
 885887~ 25~   11~AVX-4-L36/835-CPC-CEC-EM/10WLP-OCCWS FS-505-PP 120-DIM-120~(1)D10(30W)TW*ULT 71/(4)HLM-28TC-835 (4,1,1,1) V:40~~