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()function を使用して要素をワープ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 に答える