Après la pagination côté serveur de la table d'amorçage, cliquez sur le numéro de page et la table entière est actualisée. Comment puis-je actualiser uniquement les données mais pas la table ?
<table id="table" data-toggle="table" >
<thead>
<tr>
<th>番号</th>
<th>中文标题</th>
<th>出厂期</th>
<th>片长</th>
<th>主题</th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td></td>
<td> ≪/ td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td> <tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr> <tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr> <tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr> <tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr> <tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr> <tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr> <tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr> <tr>
<td></td>
<td></td><td></td><td></td></tr>< ;/table>
<script type="text/javascript">
$(function () {
$("html").niceScroll( );
});
$ ("#table").bootstrapTable({ // L'identifiant correspondant à la balise de la table
url : "json.php", // L'url pour récupérer les données de la table
méthode : 'post',
dataType : 'json',
cache: false, //Défini sur false pour désactiver la mise en cache des données AJAX, la valeur par défaut est true
striped: true, //Le tableau affiche des rayures, la valeur par défaut est false
pagination: true , / / Afficher le composant de pagination en bas du tableau, par défaut false
paginationLoop: true,
pageList: [10, 50, 100, 500], // Définir le nombre d'éléments de données pouvant être affichés sur la page
pageSize : 10, // Nombre de données de page
pageNumber : 1, // Numéro de page recommandé
recherche : vrai,
smartDisplay : faux,
showRefresh : vrai,
sortName : 'pubtime',
sortOrder : 'desc',
sidePagination : 'server', // Définir la pagination côté serveur
queryParams: function (params) { // Paramètres envoyés lors de la demande de données du serveur, vous pouvez ajouter des paramètres de requête supplémentaires ici, renvoyer false pour terminer la requête
return {
pageSize : params.limit, // Le nombre de données à afficher sur chaque page
sort : params.sort, // Les champs à trier
sortOrder : params. ordre, // Règles de tri
pageNumber : this. pageNumber,
recherche : this.searchText
}
},
colonnes : [{
champ : 'fanhao',
titre : 'numéro',
align: 'center',
valign: 'middle',
width: '150px',
triable: true
}, {
champ: 'cname',
title: 'titre chinois' ,
align: 'center',
valign : 'middle',
triable: true
}, {
field: 'pubtime',
title: 'factory date',
align: 'center ',
valign : 'milieu',
largeur : '100px',
triable : vrai
}, {
champ : 'heure',
titre : 'longueur',
aligner : 'centre ',
valign : 'milieu',
largeur : '80px',
triable : vrai
}, {
champ : 'genre',
titre : 'thème',
align : 'centre ',
valign: 'middle',
width: '300px',
}],
onLoadSuccess: function () { //Exécuté lorsque le chargement est réussi
console.info("Chargement réussi");
},
onLoadError: function () { //Exécuter en cas d'échec du chargement
console.info("Le chargement des données a échoué");
}
});
$("#table").bootstrapTable ("rafraîchir",{
url : " json.php"
});
</script>
