jQuery顯示CSV信息第

我有一個CSV我需要在頁面上顯示。我可以通過$.get()來做到這一點，但是一旦我有了(data)，我該如何區分它並分配顯示它的位置。每一行由|jQuery顯示CSV信息第

分離目前我使用此代碼顯示在一個div的信息：

$.get('feed.txt', function(data) { 
$('div').html(data.replace(/\|/g, '<br>')); 
});

我知道這可能是一個非常大的問題要問，所以如果有人遇到一個很好的教程，也會很棒。

UPDATE 這裏是我拉的數據的例子：

TYPE: Small, ID: 0001, RESPONSE DATE AND TIME: 2012-12-12 12:00, UNITNAME: Name, MEMO: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.| 
TYPE: Medium, ID: 0002, RESPONSE DATE AND TIME: 2012-12-12 01:00, UNITNAME: Name, MEMO: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.| 
TYPE: Large, ID: 0003, RESPONSE DATE AND TIME: 2012-12-12 02:00, UNITNAME: Name, MEMO : Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.|

來源

2012-12-11 Clinton Green

什麼是你遇到的問題？我認爲你做得對，並繼續嘗試 –

嗨，一旦我拉入數據，我不知道如何分開它。例如在示例數據中，我有3行。我將如何在單獨的div中顯示每一行？謝謝 –

你可以試試，

嘗試1：

我用split()字符串轉換爲數組由|和循環數組的每個值分隔，將其添加div元素併發送至$('div').html(values);

$.get('feed.txt', function(data) { 
    var arr = data.split('|'); 
    var values = ''; 
    for(var i=0; i<arr.length; i++){ 
     values += '<div>'+arr[i]+'</div>'; 
    } 
    $('div').html(values); 
});

演示：http://jsfiddle.net/d3spZ/2/

嘗試2：

這裏我用replace()函數來替換|來修改div元素。

$.get('feed.txt', function(data) { 
    var new_data = '<div>'+data+'</div>'; 
    $('div').html(new_data.replace(/\|/g, '</div><div>')); 
});

演示：http://jsfiddle.net/bwpjR/

來源

2012-12-11 02:48:04

謝謝嘗試1工作:) –

嗨，還有一個關於這個問題。我將如何根據信息向生成的div添加一個類。例如，第一行的類型是：小的那個div我想添加一個小類。謝謝，如果你願意，我可以開始一個新的問題。乾杯 –

是的，可以做到這一點。使用「搜索」功能來查找「小，大或大」並應用該類。你可以發佈一個新的問題。 –

只是看看這項工作 - http://jsfiddle.net/tariqulazam/Eng8b

var data= "TYPE: Small, ID: 0001, RESPONSE DATE AND TIME: 2012-12-12 12:00, UNITNAME: Name, MEMO: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.|TYPE: Medium, ID: 0002, RESPONSE DATE AND TIME: 2012-12-12 01:00, UNITNAME: Name, MEMO: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.|TYPE: Large, ID: 0003, RESPONSE DATE AND TIME: 2012-12-12 02:00, UNITNAME: Name, MEMO : Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.|"; 

var arr= data.split('|'); 
$(arr).each(function(index, element){ 
    $("#bd").append($("<div></div>").append(element)); 
});

HTML

<body id="bd"></body>

來源

2012-12-11 02:44:33 Tariqulazam

jQuery顯示CSV信息第

回答

相關問題