0

さまざまなページへのリンクを含む li タグがあります。今、特定のliタグをクリックしてsearchを作成しようとしています。ユーザーが「フィールド ワーカー」という名前のこの li をクリックすると、データベースにあるすべてのフィールド ワーカーの名前を含むサブ li が表示されます。Ajax コードは、フィールド ワーカーを表示するために使用されます。ajax cide でデータを取得していますが、どういうわけか表示されません。誰でもこれで私を助けることができますか?

Ajax コード:

 <script>  
 var ajaxOptions = {
                    type: "POST", url: null, success: null, async: true,
                    data: "", dataType: "json", contentType: "application/json; charset=utf-8"
                }

   $(function () {
                    BindFW();                        
                })
        function BindFW() {
                    ajaxOptions.data = "";
                    ajaxOptions.url = "WebForm1.aspx/BindFieldWorkers"
                    ajaxOptions.success = function (result) {
                        if (result.d != null && result.d != "") {
                            //$("#templateFW").tmpl(result.d).appendTo("#ulFW");
                            $.each(result.d, function () {
                                $('#ulFW').append();

                            });
                        }
                    }
                    $.ajax(ajaxOptions);
                }
  </script>



  <ul>
  <li  class="has-sub">
                    <a href="javascript:;">
                        <i class="icon-search"></i>
                        <span class="title">Field Worker Name</span>
                        <span class="arrow "></span>
                    </a>
                    <ul id="ulFW" class="sub">
                    </ul>
                </li>
</ul>
4

1 に答える 1

0

このスクリプトから使用します。

$(document).ready(function () {
            BindFW(10);
        });

        function BindFW(StateId) {

            var data = {
                StateId: StateId
            };

            $.ajax({
                type: 'POST',
                url: './WebForm1.aspx/BindFieldWorkers',
                contentType: 'application/json; charset=utf-8',
                dataType: 'json',
                data: JSON.stringify(data),
                success: function (data) {
                    if (!data.d['Result']) {
                        alert('no records found!');
                        return;
                    }

                    var records = data.d['Records'];

                    for (var i = 0; i < records.length; i++) {
                        $('#ulFW').append(function () {
                            return $('<li>').text(records[i].Text).attr('data-id', records[i].ID)
                        });
                    }

                },
                error: function (data) {
                    alert('failed to connect to server!');
                }

            });
        }

これはコードビハインドで:

[System.Web.Services.WebMethod]
    public static object BindFieldWorkers(int StateId)
    {

        try
        {
            List<object> result = new List<object>();

            for (int i = 0; i < 10; i++)
            {
                result.Add(new
                {
                    ID = i,
                    Text = "Text " + i
                });
            }

            return new { Result = true, Records = result };
        }
        catch (Exception ex)
        {
            return new { Result = false, Message = ex.Message };
        }

    }
于 2013-10-26T12:05:15.470 に答える