페이지를 새로 고치지 않고 동일한 페이지에서 데이터 테이블을 다시 초기화하는 방법

Aldi 맛

버튼에 의해 트리거되는 3 개의 전환 가능한 서버 측 테이블이있는 페이지를 만들고 버튼 스위치가 작동합니다 (페이지를 새로 고치고 첫 번째 버튼을 클릭하면 테이블이 표시되지만 다른 버튼을 클릭하면 오류 창이 데이터 테이블을 다시 초기화 할 수 없음을 알려줍니다). 첫 번째 초기화 된 테이블을 지우지 만 작동하지 않는 함수.

여기 내 페이지입니다

<div class="panel-body">
<div class ="row">
   <div class ="text-center alert col-md-12">
      <a class="btn btn-primary" href="#table_assall" data-toggle="tab">All Assets List</a>
      <a class="btn btn-primary" href="#table_asborrow" data-toggle="tab">Used Assets</a>
      <a class="btn btn-primary" href="#table_asbroken" data-toggle="tab">Damaged Assets</a>
   </div>
</div>
<div class="tab-content">
   <div id="table_assall" class="tab-pane fade active in">
      <div class="table-responsive">
         <table class="display" width="100%" cellspacing="0" id="">
            *thead source code*
         </table>
      </div>
   </div>
   <div id="table_asborrow" class="tab-pane fade">
      <div class="table-responsive">
         <table class="display" width="100%" cellspacing="0" id="">
            *thead source code*
         </table>
      </div>
   </div>
   <div id="table_asbroken" class="tab-pane fade">
      <div class="table-responsive">
         <table class="display" width="100%" cellspacing="0" id="">
            *thead source code*
         </table>
      </div>
   </div>
</div>

-서버 측 테이블을 트리거하는 JS 파일

var _ajaxURL = "tableresponses.php"; //you can initialize this global variable with some default value.

$('.changeTable').on('click', function() {
    _ajaxURL = $(this).attr('data-ajax');

    $('table.display').DataTable({
        lengthChange: true,
        info: false,
        fixedHeader: true,
        select: true,
        "bAutoWidth": false,
        "bProcessing": true,
        "serverSide": true,
        "ajax": {
            url: _ajaxURL, // json datasource
            type: "post", // type of method  , by default would be get
            error: function() { // error handling code
                $("#astab_processing").css("display", "none");
            }
        }
    });

    function testUpdatedDatatable() {
        $('table.display').DataTable().clear().rows.add(response._ajaxURL).draw();
        console.log('#running');
    }
});
RAHUL SR

초기화 코드에 인수를 1 개 더 추가하십시오.

 $('table.display').DataTable({
        lengthChange: true,
        info: false,
        fixedHeader: true,
        select: true,
        "bAutoWidth": false,
        "bProcessing": true,
        "serverSide": true,
        "destroy": true,
        "ajax": {
            url: _ajaxURL, // json datasource
            type: "post", // type of method  , by default would be get
            error: function() { // error handling code
                $("#astab_processing").css("display", "none");
            }
        }
    });

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

다시 초기화하지 않고 새 URL 및 일부 매개 변수를 사용하여 데이터 테이블을 다시로드하는 방법

분류에서Dev

ionic에서 페이지를 다시로드하지 않고 모달 닫기시 Firebase 데이터를 동기화하는 방법은 무엇입니까?

분류에서Dev

전체 페이지를 새로 고치지 않고 Laravel에서 페이지 매김을 설정하는 방법

분류에서Dev

전체 페이지를 새로 고치지 않고 ajax를 사용하여 데이터 테이블을 다시로드하고 싶습니다.

분류에서Dev

React Flash 메시지 : 페이지를 새로 고치지 않고 200에서 새로 고침 메시지를 표시하는 방법

분류에서Dev

Express JS에서 페이지를 새로 고치지 않고 POST를 사용하여 한 페이지에 여러 양식을 제출하는 방법

분류에서Dev

새 데이터를 표시하기 위해 jquery로 페이지 또는 div를 새로 고치는 방법

분류에서Dev

N 초마다 웹 페이지의 일부를 새로 고치는 방법

분류에서Dev

페이지를 다시로드하지 않고 div 및 mysql 코드를 새로 고치는 방법

분류에서Dev

경고를 표시 한 후 PHP에서 페이지를 새로 고치는 방법

분류에서Dev

데이터를 지우지 않고 onsubmit을 사용하여 다른 HTML 페이지로 이동하는 방법

분류에서Dev

페이지를 새로 고치지 않고 동일한 URL의 여러 이미지 사이에서 페이드

분류에서Dev

CakePHP3에서 작업을 추가 한 후 페이지를 새로 고치지 않는 방법

분류에서Dev

PHP에서 페이지를 새로 고치는 방법

분류에서Dev

document.write에서 페이지를 새로 고치는 방법

분류에서Dev

MVC에서 페이지를 새로 고치는 방법

분류에서Dev

레일에서 루비의 페이지를 새로 고치지 않고 동일한 페이지 div ID에 href가 작동하지 않음

분류에서Dev

다른 시트를 활성 시트로 만들지 않고 피벗 테이블을 새로 고치는 방법

분류에서Dev

URL을 변경 한 다음 페이지를 새로 고치는 방법 (Safari / Firefox)

분류에서Dev

div의 기존 데이터를 잃지 않고 60 초마다 페이지를 새로 고치는 방법은 무엇입니까?

분류에서Dev

codeigniter에서 페이지를 새로 고치거나 다시로드하지 않고 ajax 페이지 매김 데이터를 표시하는 방법은 무엇입니까?

분류에서Dev

다른 데이터베이스 테이블에서 한 페이지에 데이터를 표시하는 방법

분류에서Dev

다른 HTML 페이지를 새로 고치는 방법

분류에서Dev

Django : 전체 페이지를 새로 고치지 않고 필터링 후 테이블을 새로 고치는 방법은 무엇입니까?

분류에서Dev

페이지를 새로 고치지 않고 PHP의 SQL Server 데이터베이스에서 데이터를 가져 오는 방법

분류에서Dev

페이지를 새로 고치지 않고 외부 모델에 저장된 데이터를 올바르게 표시하는 방법은 무엇입니까?

분류에서Dev

페이지를 새로 고치지 않고 외부 모델에 저장된 데이터를 올바르게 표시하는 방법은 무엇입니까?

분류에서Dev

JavaScript를 지연시키고 페이지를 새로 고치는 방법

분류에서Dev

Angular 8-페이지 새로 고침시 행동 주제 데이터를 유지하는 방법

Related 관련 기사

  1. 1

    다시 초기화하지 않고 새 URL 및 일부 매개 변수를 사용하여 데이터 테이블을 다시로드하는 방법

  2. 2

    ionic에서 페이지를 다시로드하지 않고 모달 닫기시 Firebase 데이터를 동기화하는 방법은 무엇입니까?

  3. 3

    전체 페이지를 새로 고치지 않고 Laravel에서 페이지 매김을 설정하는 방법

  4. 4

    전체 페이지를 새로 고치지 않고 ajax를 사용하여 데이터 테이블을 다시로드하고 싶습니다.

  5. 5

    React Flash 메시지 : 페이지를 새로 고치지 않고 200에서 새로 고침 메시지를 표시하는 방법

  6. 6

    Express JS에서 페이지를 새로 고치지 않고 POST를 사용하여 한 페이지에 여러 양식을 제출하는 방법

  7. 7

    새 데이터를 표시하기 위해 jquery로 페이지 또는 div를 새로 고치는 방법

  8. 8

    N 초마다 웹 페이지의 일부를 새로 고치는 방법

  9. 9

    페이지를 다시로드하지 않고 div 및 mysql 코드를 새로 고치는 방법

  10. 10

    경고를 표시 한 후 PHP에서 페이지를 새로 고치는 방법

  11. 11

    데이터를 지우지 않고 onsubmit을 사용하여 다른 HTML 페이지로 이동하는 방법

  12. 12

    페이지를 새로 고치지 않고 동일한 URL의 여러 이미지 사이에서 페이드

  13. 13

    CakePHP3에서 작업을 추가 한 후 페이지를 새로 고치지 않는 방법

  14. 14

    PHP에서 페이지를 새로 고치는 방법

  15. 15

    document.write에서 페이지를 새로 고치는 방법

  16. 16

    MVC에서 페이지를 새로 고치는 방법

  17. 17

    레일에서 루비의 페이지를 새로 고치지 않고 동일한 페이지 div ID에 href가 작동하지 않음

  18. 18

    다른 시트를 활성 시트로 만들지 않고 피벗 테이블을 새로 고치는 방법

  19. 19

    URL을 변경 한 다음 페이지를 새로 고치는 방법 (Safari / Firefox)

  20. 20

    div의 기존 데이터를 잃지 않고 60 초마다 페이지를 새로 고치는 방법은 무엇입니까?

  21. 21

    codeigniter에서 페이지를 새로 고치거나 다시로드하지 않고 ajax 페이지 매김 데이터를 표시하는 방법은 무엇입니까?

  22. 22

    다른 데이터베이스 테이블에서 한 페이지에 데이터를 표시하는 방법

  23. 23

    다른 HTML 페이지를 새로 고치는 방법

  24. 24

    Django : 전체 페이지를 새로 고치지 않고 필터링 후 테이블을 새로 고치는 방법은 무엇입니까?

  25. 25

    페이지를 새로 고치지 않고 PHP의 SQL Server 데이터베이스에서 데이터를 가져 오는 방법

  26. 26

    페이지를 새로 고치지 않고 외부 모델에 저장된 데이터를 올바르게 표시하는 방법은 무엇입니까?

  27. 27

    페이지를 새로 고치지 않고 외부 모델에 저장된 데이터를 올바르게 표시하는 방법은 무엇입니까?

  28. 28

    JavaScript를 지연시키고 페이지를 새로 고치는 방법

  29. 29

    Angular 8-페이지 새로 고침시 행동 주제 데이터를 유지하는 방법

뜨겁다태그

보관