简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）
Maison
Article
Questions et réponses
Cours
Sujet
Télécharger
Jeu
Dictionnaire
mises à jour récentes

Maison  >  Questions et réponses  >  le corps du texte

html5 - les tables de données ne peuvent pas charger de données.

J'ai demandé des données json en arrière-plan, comme suit`

[{"aid":100000,"name":"JYCM201609010250","rtsp":"947|100000|3750","statuz":"1","updateTime":"2017-05-31"},{"aid":100001,"name":"gui","rtsp":"947|100000|3750","statuz":"0","updateTime":"2017-05-31"}]

Ce qui suit est mon code js

<script>
    $(document).ready(function () {
        $('#table_id_example').DataTable({
            "iDisplayLength": 10,
            "bLengthChange": false,
            "ajax": {
                "url": "/media",
                "dataType": "json",
                "success": function (json) {
                    console.log(json)
                }
            },
            "columns": [
                {
                    "data": 'aid'

                },
                {
                    "data": 'name'

                },
                {
                    "data": 'rtsp'

                },
                {
                    "data": 'statuz'

                },
                {
                    "data": 'updateTime'

                }
            ]
        });
    });
</script>

Code back-end

  @Autowired
    private MediaImpl media;
    @ResponseBody
    @RequestMapping(value = "/media",method = RequestMethod.GET)
    public List<Media> MediaAll(){
        System.out.println("------------------------------------------------------");
        return media.findAll();
    }

code html

<link rel="stylesheet" href="/css/jquery.dataTables.css" th:href="@{css/jquery.dataTables.css}"/>
<script type="text/javascript" src="/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
<script type="text/javascript" src="/js/jquery.dataTables.js" th:src="@{js/jquery.dataTables.js}"></script>
<body>

<table id="table_id_example" class="display" cellspacing="0" width="100%">
    <thead>
    <tr>
        <th>媒资ID</th>
        <th>媒资名称</th>
        <th>播放串</th>
        <th>状态</th>
        <th>更新时间</th>
    </tr>
    </thead>
    <!--    <tbody>
            <tr>
                <td>Row 1 Data 1</td>
                <td>Row 1 Data 1</td>
                <td>Row 1 Data 1</td>
                <td>Row 1 Data 1</td>
                <td>Row 1 Data 1</td>
            </tr>
        </tbody>-->
</table>

</body>

Aucune erreur n'est signalée dans le front et le backend, mais les données ne peuvent pas être affichées. Puis-je demander s'il y a une configuration manquante ou une erreur d'écriture Merci

?
某草草某草草2707 Il y a quelques jours1084

répondre à tous(2)je répondrai

  • 三叔

    三叔2017-06-14 10:54:16

    Après avoir utilisé ce plug-in, vous devez également ajouter une description datasrc, où récupérer les données après une acquisition réussie.
    (Correction, ce n'est peut-être pas la raison de datasrc, mais il semble qu'il ne soit pas ajouté)
    Voici le code que j'ai utilisé, voyez s'il peut vous inspirer :
    `
    $.ajax({

    type:'GET',
***
/*省略某些代码*/
***
 success:function(result){
     /*声明一个空对象*/
     var returnData = {};
     returnData.data = result.rows  //数据来源
     callback(returnData)      //此步不能省略，最重要的就是调用callback
 }

    })
    `

    répondre
    0
  • 迷茫

    迷茫2017-06-14 10:54:16

    Le site officiel a cette exigence pour les données json obtenues

    Par défaut, DataTables recherchera les données de propriété (ou aaData pour la compatibilité avec DataTables 1.9-) lors de l'obtention de données à partir d'une source Ajax ou pour un traitement côté serveur

    C'est-à-dire que votre tableau contenant chaque donnée doit être placé dans l'attribut data, donc ça devrait aller

     {"data":[{"aid":100000,"name":"JYCM201609010250","rtsp":"947|100000|3750","statuz":"1","updateTime":"2017-05-31"},{"aid":100001,"name":"gui","rtsp":"947|100000|3750","statuz":"0","updateTime":"2017-05-31"}]}

    Les données de même niveau peuvent également contenir d'autres paramètres comme le nombre total d'entrées

    répondre
    0
  • Annulerrépondre