如何在表中存储数组数据？

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