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