Создание таблицы
Коллеги, пытаюсь создать таблицу средствами JS. Никак не могу понять, что не правильно.
<html> <head> <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script>
function zara() {
var output = $.ajax({url:'connector.php',async:false,cache:false}).responseText;
return output;
};
var zz=zara();
var tabledata=JSON.parse(zz);
var tablerows=tabledata.length;
var tablecolumns=tabledata[0].length;
mytable = document.createElement('table');
//mytable.setAttribute('id', 'mytbl');
for (x=0; x<=tablerows-1; x++){
newrow = mytable.insertRow(x);
newcell = newrow.insertCell(0);
newcell.innerHTML = tabledata[x][0];
newcell = newrow.insertCell(1);
newcell.innerHTML = tabledata[x][1];
document.getElementById('tcontainer').appendChild(mytable);
};
</script>
</head>
<body>
<div id='tcontainer'></div>
</body>
</html>
|
в переменной tabledata лежит массив [["Date","Value"],["2015-05-01",100],["2015-05-02",102],["2015-05-03",108],["2015-05-04",111],["2015-05-05",110],["2015-05-06",105],["2015-05-07",107]]
|
Эх.... никто не отвечает....
|
vmetnev,
как-то бы async:всегда true делать, и в параметре success формировать таблицу когда придёт ответ с сервера |
vmetnev,
Пожалуйста, отформатируйте свой код! Для этого его можно заключить в специальные теги: js/css/html и т.п., например: [js] ... ваш код... [/js] О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting. |
Заработало. Не знаю как и почему, но если контейнер для таблицы объявить до скрипта с функцией, то все работает. Этот странный javascript... хотя .... этот странный я...
|
vmetnev,
вам был предложен путь, но вы продолжили рыть ... одно хорошо, что отформатировали |
vmetnev,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script>
$(function(){
//jQuery.getJSON("connector.php",zara); //раскомментировать
var data = [["Date","Value"],["2015-05-01",100],["2015-05-02",102],["2015-05-03",108],["2015-05-04",111],["2015-05-05",110],["2015-05-06",105],["2015-05-07",107]]; //строка для проверки убрать
function zara(data) {
var mytable = $('<table/>');
$.each(data,function( i, myData ) {
$(mytable).append(
$('<tr/>').append(
$('<td/>',{text:myData[0]}),
$('<td/>',{text:myData[1]})
)
);
});
$('#tcontainer').append(mytable);
}
zara(data)//строка для проверки убрать
})
</script>
<script>
</script>
</head>
<body>
<div id='tcontainer'></div>
</body>
</html>
|
| Часовой пояс GMT +3, время: 05:44. |