0

私は。。をしようとしています

1)aspxメソッドから入力されるJQueryオートコンプリートボックスを作成し、

2)結果を取得したら、これらの結果をリスト内に入力したいと思います。

現時点では、ステップ1を実行しようとしていますが、成功していません。

私のコードは次のとおりです：-

ASPX

  <script>
  $(function () {

      $("#persons").autocomplete({
          //source: availableTags
          source: function (request, response) {
              var term = request.term;
              var personArray = new Array();

              $.post('JQAutoComplete.aspx/FetchPersonList', { personName: term }, function (persons) {
                  personArray = persons;
                  alert('PersonArray' - personArray);
                  alert('Persons' - persons);
                  response(personArray);
              });
          }
      });
  });


<div class="ui-widget">
  <label for="persons">Persons: </label>
  <input id="persons" />
</div>


</body>

そして私のaspx.csは次のとおりです：-

        public JsonResult FetchPersonList(string personName)
    {
        var persons = ctx.GetDataFromXML(false, 0);
        return (persons) as JsonResult;
    }

** * ** * ** * **** UPDATE ASPX.CS * ** * ** * ** * ** * ** * ***わかり ましたので、メソッドを次のように変更しました：-

        [WebMethod]
    public static List<Person> FetchPersonList()
    {
        //var persons = this.HouseService.SelectByName(houseName).Select(e => new String(e.Name.ToCharArray())).ToArray();
        var persons = ctx.GetDataFromXML(false, 0);

        return (List<Person>) persons;
    }

しかし、私はまだ方法を通り抜けていません！

ただし、コードはこのメソッドにまったくヒットしていません。

このリストを取得するにはどうすればよいですか？

あなたの助けと時間をありがとう

4

1 に答える 1

0

問題が見つかりました。

JQueryを次のように変更し、メソッドを呼び出すようになりました:-

    $(document).ready(function () {
    SearchText();
});
function SearchText() {
    $("#persons").autocomplete({
        source: function (request, response) {
            $.ajax({
                type: "POST",
                contentType: "application/json; charset=utf-8",
                url: "JQAutoComplete2.aspx/FetchPersons",
                data: "{'name':'" + document.getElementById('persons').value + "'}",
                dataType: "json",
                success: function (data) {
                    response(data.d);
                    alert(data.d);
                },
                error: function (result) {
                    alert("Error");
                }
            });
        }
    });
}

私のASPX.CSは次のようになります:-

        [WebMethod]
    public static List<Person> FetchPersons(string name)
    {
        var persons = ctx.GetDataFromXML(false, 0);

        return (List<Person>)persons;

    }
于 2013-03-11T14:04:13.077 に答える