Question

我需要在页面上显示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.|

Answer 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/

Answer 2

看看是否有效 - 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>

jQuery在页面上显示CSV信息

2 个答案: