0

我有一个CSV需要在页面上显示的内容。我可以通过$.get()但是一旦我知道(data)如何将它分开并分配显示它的位置。每行由一个分隔|

目前我正在使用此代码在 div 中显示信息：

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

我知道这可能是一个非常大的问题，所以如果有人遇到过一个很棒的教程，那也很棒。

更新 这是我正在提取的数据的一个示例：

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.|
4

2 回答 2

1

你可以试试，

尝试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-11T02:48:04.843 回答
0

看看这项工作 - 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-11T02:44:33.000 回答