jquery AJAX REST는 데이터 테이블을 다시 초기화합니다.

Question

나는 약간의 코드를 가지고있어 제대로 된 것처럼 보일 수 없습니다. 나는 이것에 아주 새롭고 최선을 다하려고 노력할 수있어서 누군가가 올바른 방향으로 나를 가리킬 수 있기를 바랍니다. 셰어 포인트 목록에서 일부 정보를 가져 오는 간단한 AJAX 코드가 있습니다.

나는 하나의 정보를 테이블에로드하고 다른 정보를 클릭하면 다른 정보 집합을 얻는 두 개의 버튼이 있습니다. 불행히도 나는 그것을 얻을 수 없기 때문에 정보를 얻고 두 번째를 클릭하면 테이블을 지우고 새 정보로 교체해야합니다. 둘 다 작동하지만 클릭 사이에서 페이지를 새로 고쳐야합니다.

모든 조언을 크게 높이 평가하겠습니다. 웹에서 높거나 낮은 항목을 검색하여이 문제에 대한 많은 "해결책"을 발견했지만 아무도 저에게 효과가없는 것으로 보입니다. 아래 코드를 참조하십시오.

function ButtonFunction(input) { 
var call = $.ajax({ 
    url: _spPageContextInfo.webAbsoluteUrl + "/_api/Web/Lists/GetByTitle('List1')/items?$select=Title,Column4,Column7&$filter=(Column6 eq '"+input+"')&$top=5000", 
    type:"GET", 
    dataType: "json", 
    headers: { 
    Accept: "application/json;odata=verbose" 
    } 
    }); 

    call.done(function (data,textStatus, jqXHR){ 
     $('#example').dataTable({ 
      "bDestroy":true, 
      "bProcessing":true, 
      "aaData":data.d.results, 
      "aoColuns": [ 
        {"mData": "Title" }, 
        {"mData": "Column4" }, 
        {"mData": "Column7" }, 
     ] 
    }); 
}); 

call.fail(function (jqXHR, textStatus,errorThrown){ 
    alert("Error" + jqXHR.responseText); 
}); 

}

Answer 1

모든 죄송합니다. 분명히 나는 ​​datatables.css의 구버전을 가지고 있었다. 내가 최신 버전에 링크했을 때, 모든것이 방금 작업 한 방식대로 작동했다.

Answer 2

제거 테이블에서 모든 행 :

var table = $('#example').DataTable(); 
var rows = table.rows().remove() 


function ButtonFunction(input) { 
var table = $('#example').DataTable(); 
var rows = table.rows().remove() 
var call = $.ajax({ 
url: _spPageContextInfo.webAbsoluteUrl + "/_api/Web/Lists/GetByTitle('List1')/items?$select=Title,Column4,Column7&$filter=(Column6 eq '"+input+"')&$top=5000", 
type:"GET", 
dataType: "json", 
headers: { 
Accept: "application/json;odata=verbose" 
} 
}); 

call.done(function (data,textStatus, jqXHR){ 
    $('#example').dataTable({ 
     "bDestroy":true, 
     "bProcessing":true, 
     "aaData":data.d.results, 
     "aoColuns": [ 
       {"mData": "Title" }, 
       {"mData": "Column4" }, 
       {"mData": "Column7" }, 
    ] 
    }); 
}); 

    call.fail(function (jqXHR, textStatus,errorThrown){ 
    alert("Error" + jqXHR.responseText); 
});