0

ユーザーがテキストフィールドに任意のアルファベットを入力できるようにしたかったのですが、Find!ボタンをクリックすると、phpファイルが検索され、そのアルファベットで始まる単語のリストが見つかります(もちろん、単語の量は限られています) ）。そして、それを 5 列のテーブルに出力したいと思います。各セルには 1 つの単語が含まれています。

このようなもの：

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

何が悪いのか理解できないようです。

4

1 に答える 1

0

listOfWordsは関数ではないため範囲外です。代わりにに渡す$.getJSON必要があります。テーブルにデータを配置するには、現在の内部 html を置き換えるだけです。bunchOfWords$.getJSON$("#output").html(listOfWords);

于 2013-03-10T06:14:34.370 に答える