Как скачать данные из sqlserver, чтобы заполнить список с framework7 - PullRequest
Новая
       21

Как скачать данные из sqlserver, чтобы заполнить список с framework7

0 голосов
/ 09 марта 2019

, потому что я впервые использую framework7, поэтому у меня проблема, которая не может загрузить данные для размещения на странице.Извините за слабое владение английским языком.Вот JS 

    <script type="text/javascript">  
        $(document).ready(function () {
        var username = $("#username").val();
        var status = $("#status").val();
        var fullname = $("#fullname").val();
        var dienthoai = $("#dienthoai").val();
            $.ajax({
                url: '../ServiceController.asmx/GetAllAccount',
                dataType: "json",
                method: 'post',
                success: function (data) {
                    var ListAccount = $('#tblAccount tbody');
                    ListAccount.empty();
                    $(data).each(function (index, acc) {
                        ListAccount.append(
                            acc.username +
                            acc.status +
                            acc.fullname +
                            acc.dienthoai);
                    });
                },
                error: function (err) {
                    alert(err);
                }
            });
        });
    </script>
Вот HTML-страница 

<body>
    <div id="app">
        <!-- Statusbar overlay -->
        <div class="statusbar"></div>

        <!-- Your main view, should have "view-main" class -->
        <div class="view view-main">
            <!-- Initial Page, "data-name" contains page name -->
            <div data-name="home" class="page">

                <!-- Top Navbar -->
                <div class="navbar">
                    <div class="navbar-inner">
                        <div class="title">Danh sách khách hàng</div>
                    </div>
                </div>

                <!-- Bottom Toolbar -->
                <div class="toolbar toolbar-bottom">
                    <div class="toolbar-inner">
                        <!-- Toolbar links -->
                        <a href="#" class="link">Link 1</a>
                        <a href="#" class="link">Link 2</a>
                    </div>
                </div>

                <!-- Scrollable page content -->
                <div class="page-content">


                    <div class="list media-list">
                        <ul>
                            <li id="tblAccount">
                                <a href="#" class="item-link item-content">
                                    <div class="item-inner">
                                        <div class="item-title-row">
                                            <label class="item-title" name="username">(username)</label>
                                            <label class="item-after" name="status">(status)</label>
                                        </div>
                                        <label name="fullname">(fullname)</label>
                                        <label class="item-text" name="dienthoai">(dienthoai)</label>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>


                </div>
            </div>
        </div>
    </div>
</body>

Вот служба asmx 

 [WebMethod(EnableSession = true)]
    [ScriptMethod(ResponseFormat = System.Web.Script.Services.ResponseFormat.Json)]
    public void GetAllAccount()
    {
        List<Account> accountlist = new List<Account>();

        string CS = ConfigurationManager.ConnectionStrings["AppConnection"].ConnectionString;
        using (SqlConnection con = new SqlConnection(CS))
        {
            string query = "select username, status, fullname, dienthoai from Login";
            SqlCommand cmd = new SqlCommand(query, con);
            con.Open();

            SqlDataReader rdr = cmd.ExecuteReader();

            while (rdr.Read())
            {
                Account acc = new Account();
                acc.username = rdr["username"].ToString();
                acc.status = Convert.ToInt32(rdr["status"]);
                acc.fullname = rdr["fullname"].ToString();
                acc.dienthoai = rdr["dienthoai"].ToString();
                accountlist.Add(acc);
            }
            con.Close();
        }

        JavaScriptSerializer js = new JavaScriptSerializer();
        Context.Response.Write(js.Serialize(accountlist));
    }

И я хочу загрузить список имени пользователя, статуса, полного имени, dienthoai на страницу Html.Похоже, это введите описание изображения здесь .И я не знаю, как получить код AJAX, чтобы получить данные?Пожалуйста, помогите мне

...