javascript - 如何将数组数据存储在表中？

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);