부트스트랩 테이블 서버 측 페이징 후 페이지 번호를 클릭하면 전체 테이블이 새로 고쳐지고 테이블은 새로 고쳐지지 않게 하려면 어떻게 해야 합니까?

Question

<table id="table" data-toggle="table" >

<thead>

<tr>

<th>番号</th>

<th>中文标题</th>

<일<일출</일>

<일>그림长</일>

<일<주님</일>

</tr>

</thead>

<tbody>

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

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

</tbody>

< ;/table>

<script type="text/javascript">

$(function () {

$("html").niceScroll( );

});

$ ("#table").bootstrapTable({ // 테이블 태그에 해당하는 id

url: "json.php", // 테이블 데이터를 가져올 url

method: ' post',

dataType : 'json',

cache: false, //AJAX 데이터 캐싱을 비활성화하려면 false로 설정합니다. 기본값은 true입니다

striped: true, //테이블에 줄무늬가 표시되며 기본값은 false

pagination: true , / / 테이블 하단에 페이징 구성 요소를 표시합니다. 기본값은 false

paginationLoop: true,

pageList: [10, 50, 100, 500], // 페이지에 표시할 수 있는 데이터 항목 수를 설정합니다

pageSize: 10, // 페이지 데이터 개수

pageNumber: 1, // 권장 페이지 번호

search: true,

smartDisplay: false,

showRefresh: true,

sortName: 'pubtime',

sortOrder: 'desc',

sidePagination: 'server', // 서버 측 페이징으로 설정

queryParams: function (params) { // 서버 데이터를 요청할 때 전송되는 매개변수, 여기에 추가 쿼리 매개변수를 추가할 수 있습니다. false를 반환합니다. 요청을 종료하려면

return {

pageSize: params.limit, // 각 페이지에 표시할 데이터 항목 수

sort: params.sort, // 정렬할 필드

sortOrder: params. order, // 정렬 규칙

pageNumber: this.pageNumber,

search: this.searchText

}

},

columns: [{

field: 'fanhao',

title: 'number',

align: 'center',

valign: 'middle',

width: '150px',

sortable: true

}, {

field: 'cname',

title: '중국어 제목' ,

align: 'center',

valign : 'middle',

sortable: true

}, {

field: 'pubtime',

title: '공장 날짜',

align: 'center ',

valign: '중간',

width: '100px',

sortable: true

}, {

field: 'time',

title: 'length',

align: 'center ',

valign: '중간',

width: '80px',

sortable: true

}, {

field: 'genre',

title: 'theme',

align: 'center ',

valign: 'middle',

width: '300px',

}],

onLoadSuccess: function () { //로딩 성공 시 실행

console.info("Loading 성공적인");

},

onLoadError: function () { //로드 실패 시 실행

console.info("데이터 로드 실패");

}

});

$("#table").bootstrapTable ("새로 고침",{

url: " json.php"

});

</script>

Answer 1

코드가 정말 피곤해 보이는데, 형식을 지정하고 코드 블록에 제출해 보는 것은 어떨까요?

모든 데이터를 얻으려면 Ajax를 사용해 보세요