Как хранить данные массива в таблице?

Question

Я хотел, чтобы пользователь вводил любой алфавит в текстовое поле, когда он нажимает кнопку Find!, он будет проходить через мой php-файл и найти список слов, начинающихся с этого алфавита (конечно, это только ограниченный количество слов). И я хочу вывести его в таблицу с 5 столбцами, каждая ячейка содержит одно слово.

Что-то вроде этого:

в моем HTML:

<label> 
    Enter any alphabet: 
     <input name="alphabet" type="text" id="alphabet"></label> 
     <input type="button" value="Find!" id="goFind"> 

<table border="1" id="output"> 
</table> 

и Javascript:

$(document).ready(function() { 
    $.ajaxSetup({ 
    cache: false 
    }); 

    var bunchOfWords = function (data) { 
    var listOfWords = ""; 

    if(!Array.isArray(data)) { 
     return false; 
    } 
    else { 
     for(i = 0; i < data.length; i = +5) { 
     listOfWords += "<tr><td>" + data[i] + "</td>" + 
      "<td>" + data[i] + "</td>" + 
      "<td>" + data[i] + "</td>" + 
      "<td>" + data[i] + "</td>" + 
      "<td>" + data[i] + "</td></tr>"; 
     } 
    } 
    }; 

    $("#goFind").click(function() { 
    var theWord = $("#alphabet").val(); 
    $("#output").html("Loading..."); //gives the user an indication that it's loading 
    $.getJSON("wordslookup.php", "startswith=" + theWord, listOfWords); 
    }); 
}); 

Невозможно понять, что случилось.

Answer 1

listOfWords не входит в сферу применения в $.getJSON также его не функция, вы должны пройти bunchOfWords до $.getJSON. Чтобы поместить данные в таблицу, просто замените текущий внутренний html, $("#output").html(listOfWords);