ボールドテキスト###
"1","大島","8"
"2","荒木","4"
"3","平田","9"
"4","ビシエド","3"
"5","ナニータ","7"
"6","エルナンデス","5"
"7","堂上","6"
"8","桂","2"
"9","福","1"
というようなデータがあって
これをWebページに表にして掲載しています。
表のフォーマットは基本的にあまり変わりません。
たまーにえらい人が「ここ赤くして」とか「ここ広くして」とか言われたときに対応するくらいの頻度です。
データは毎日Excelで届きます。
今はこんな感じで書いています。
<table> <tr> <td id="dajun01"></td> <td id="name01"></td> <td id="position01"></td> </tr> ----- 略 あと8人分 ----- </table> <script type="text/javascript"> function sta(_order, _name, _position) { this.order = _order; this.name = _name; this.position = _position; } var stamen = []; stamen[0] = new sta("1","大島","8"); ----- 略 あと8人分のデータ ----- for (i=0;i<9;i++) { $("dajun0" + i).html(stamen[i].dajun); $("name0" + i).html(stamen[i].name); $("position0" + i).html(stamen[i].position); } </script>###発生している問題
現在は私がひとりで更新していますので
毎日来るデータをExcelで
stamen[0] = new sta("1","大島","8");
という形に変えて、それをコードの中へ貼り付けて更新しています。
これを「コードを読まなくても誰でも更新できる形」にしたいです。
となると考えられるのは元データをCSV形式か何かのテキストデータにして
それを読み込んで… という形ではないかと思いました。
###試したこと
stamen[0] = new sta("1","大島","8");
…
とデータを貼り付けるところに、代わりに以下を書いてテキストファイルを読み込んでみました。
$.ajax({
url: 'memberhyo.txt',
success: function(data){
var mem = data.split(/\r\n|\r|\n/);
for (var i in mem) {
stamen[i] = mem[i];
}
}
});
テキストファイルの中身はこれです。
"1","大島","8"
"2","荒木","4"
"3","平田","9"
"4","ビシエド","3"
"5","ナニータ","7"
"6","エルナンデス","5"
"7","堂上","6"
"8","桂","2"
"9","福","1"
mem[i]に
"1","大島","8"
以下のデータが入ることは確認しました。
でもstamen[i]はundefinedです。
これをどうしたら
stamen[0] = new sta("1","大島","8");
の形までもっていけるかがわかりません。
###補足情報(言語/FW/ツール等のバージョンなど)
環境はSharePoint2010オンプレミス版です。なのでHTML5とかCSS3とか使えません…。
私のレベルはjavascriptとjQuery初心者、ajaxって名前は見たことあるけど何でしょう?というレベルです。
なのでわからずにトンチンカンなことを質問しているかもしれません。
お世話をおかけしますがよろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/12/16 13:28