sql >> データベース >  >> RDS >> Mysql

Node.jsを使用してHTMLテーブルにmysqlを表示します

    サーバーから結果を取得し、以下のようにjavascriptを使用してHTMLコンテンツにバインドするには、ajax呼び出しを行う必要があります:

    HTMLテンプレート

     <table id="tableData" class="table table-fixed">
    <thead>
      <tr>
      </tr>
    </thead>
    <tbody class="tbody" >
    </tbody>
    

    これがajax呼び出しを行うためのスクリプトです

    $(document).ready(() => {
    
    $.ajax({
        url: "http://localhost:9000/list", 
        method: 'GET',
        success: function(response){
            if(response.rows.length > 0){
                for(let index = 0; index < response.rows.length; index++) {
                    var newRow = $("<tr>");
                    var cols = "";
                    var firstname = '';
                    var lastname = '';
                    var gender = '';
                    cols += '<td> '+ response.rows[index].firstname +'</td>';
                    cols += '<td> '+ response.rows[index].lastname +'</td>';
                    cols += '<td> '+ response.rows[index].gender+'</td>';                
                    newRow.append(cols);
                    $("#tableData .tbody").append(newRow);
                }  
    
            }
        }
    })
    })
    


    1. RailsとPostgreSQLを使用してオカレンスを含むグループ化されたリストを返します

    2. yii2sqldataProviderで検索を使用する方法

    3. PostgreSQLのグループ化されたLIMIT:各グループの最初のN行を表示しますか?

    4. SCUMMダッシュボードを使用したMySQLの効果的な監視:パート3