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 ?

Question

<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>

Answer 1

Votre code a l'air vraiment fatigué. Pourquoi ne pas le formater et le soumettre dans un bloc de code ?

Essayez d'utiliser Ajax pour obtenir toutes les données