Как отобразить все записи в базе данных в разделе тела таблицы HTML - PullRequest
Новая
       2

Как отобразить все записи в базе данных в разделе тела таблицы HTML

0 голосов
/ 24 апреля 2019

This is how the data are being fetched from database

Как отобразить данные в таблице в разделе body html-страницы

Это мой код, который я пробовал до сих пор

<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>Sample</title>

<script language="javascript" src="bop/scripts/jquery-3.0.0.min.js"></script>
<script src="cw/scripts/common.2.js"></script>

<script>
$(document).ready(function(e) {
    $("#but_submit").click(function(e) {
        getstandings()
    });
});

function getstandings()
{
    var url = "sample.aspx";
    var data = 
    {
        object:"getstandings",
        action:"hello"
    };

    getItem(url, data, afterGetInformations);
}

function afterGetInformations(data)
{
    console.log(data);

    var res = $.parseJSON(data).Result
    if (res && typeof res === "object" && res != null)
    {
        status = parseInt(res.RetCode);
        if(status == -1)
        {
            message2("#msg2", res.ErrMsg);
            return;
        }
    }

    var objs = $.parseJSON(data).Item;

    if (objs && typeof objs === "object" && objs != null)
    {
        var str = "<div>"+objs[0].club_name+";"+objs[0].mp+";"+objs[0].win+";"+objs[0].draw+";"+objs[0].lose+";"+objs[0].gf+";"+objs[0].ga+";"+objs[0].gd+";"+objs[0].pts+"</div>";

        $("#but_submit").after(str);
    }
}


</script>
</head>

<body>

<input type="button" value="Submit" id="but_submit"></input>
</body>
</html>

Данные извлекаются из базы данных.Проблема в том, как отобразить его в таблице.

actual expected outcome

Ответы [ 2 ]

1 голос
/ 24 апреля 2019

Попробуйте это: Это создаст таблицу, состоящую из всех записей, где каждая строка указывает объект 

if (objs && typeof objs === "object" && objs != null)
        {
           var tbl='<table id="mytable"><tr> <th>ID</th><th>ClubName</th><th>MP</th><th>Win</th><th>Draw</th><th>Lose</th><th>Gf</th><th>Ga</th><th>Gd</th><th>Pts</th></tr>';

for(var i=0;i<obj.length;i++)
{
  var tb1+="<tr><td>"+objs[0].id+"</td>
        <td>"+objs[0].club_name+"</td>
        <td>"+objs[0].mp+"</td> 
        <td>"+objs[0].win+"</td>
        <td>"+objs[0].draw+"</td>
        <td>"+objs[0].lose+"</td>
        <td>"+objs[0].gf+"</td>
        <td>"+objs[0].ga+"</td>
        <td>"+objs[0].gd+"</td>
        <td>"+objs[0].pts+"</td></tr>";

}
$("#but_submit").after(str);
    }

дайте мне знать, если вам нужна помощь в этом отношении. Я был бы рад помочь вам. Спасибо

1 голос
/ 24 апреля 2019

Попробуйте это ниже: 

     if (objs && typeof objs === "object" && objs != null)
      {
 var str = "
   <table>
        <tr>
        <th>ID</th>
        <th>ClubName</th>
        <th>MP</th>
        <th>Win</th>
        <th>Draw</th>
        <th>Lose</th>
        <th>Gf</th>
        <th>Ga</th>
        <th>Gd</th>
        <th>Pts</th>
        </tr>
       <tr>
         <td>"+objs[0].id+"</td>
        <td>"+objs[0].club_name+"</td>
        <td>"+objs[0].mp+"</td> 
        <td>"+objs[0].win+"</td>
        <td>"+objs[0].draw+"</td>
        <td>"+objs[0].lose+"</td>
        <td>"+objs[0].gf+"</td>
        <td>"+objs[0].ga+"</td>
        <td>"+objs[0].gd+"</td>
        <td>"+objs[0].pts+"</td>
        </tr>
   </table>";

                $("#but_submit").after(str);
            }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...