kasumil의 코딩 공작소

버튼 클릭할 경우 해당 기간에 맞춰 동적으로 DataTable을 변경하는 기능이 필요했다. 코드는 기존에 작성했던대로 사용했으면 됐으나 기존 값이 있는 경우 새로 갱신이 되지 않았다. 2021.11.03 - [취업/Datatable] - [PHP] DATATABLE AJAX 통신하기2. [PHP] DATATABLE AJAX 통신하기2. https://kasumil.tistory.com/196 이전편에서 해당 내용을 언급했었다. 하지만, 해당 부분은 완벽하지 않았다. DB값에서 온 것을 바로 넣는 수준이었기때문에 그러하다. 응답 값을 수정하지 못 했으니까! kasumil.tistory.com 그래서 찾아보니 datatable을 destroy해라 이것을 사용해도 된다. 그런데, ui가 깨지는 문제가 발생하더..

ajax 사용시 유독 오래 업로드 되는 구간이 있어서 해당 부분을 처리해야했다. 그런데, 안먹힌다. 뭘해도 업로드 끝나고 작동되는 문제가 있었다. 제이쿼리 이벤트 바인딩이 느려서인가? document.getElementById로 잡아보기도하고, 이것도 느리니 아예 함수 호출시 내장으로 변수에 할당해서 구현해보기도 하였다. 그래도 안된다... 찾다보니 async를 꺼보라네? 그렇다 ajax 내 async : false 상태가 되면 이전단계에선 호출이 안되는 것... 즉 모든 이벤트가 끝나고 작동되게 되는 것이다.(error/success/complete) 더보기 what it is saying is, if your request is async: false then you should not use aja..

function handleCredentialResponse(response) { const responsePayload = parseJwt(response.credential); $.ajax({ url: "컨트롤러", data: "token="+ response.credential, type: 'POST', dataType: 'text', headers: { 'X-Requested-With': 'XMLHttpRequest', "content-type": 'application/x-www-form-urlencoded', }, processData: false, }) .done(function(res) { if(res == 'Y') { location.reload(); return; } else { ale..

https://kasumil.tistory.com/196 이전편에서 해당 내용을 언급했었다. 하지만, 해당 부분은 완벽하지 않았다. DB값에서 온 것을 바로 넣는 수준이었기때문에 그러하다. 응답 값을 수정하지 못 했으니까! 하지만, 오늘 그 부분을 완벽하게 해결했다. 중간에 완성되지 않은 코딩을 넣어 하는 바람에 시간 낭비를 했다. 생각만해도 다시금 빡이 치는군....(╬▔皿▔)╯ 도대체 작동되지 않는 코드를 왜 블로그에 올리는거야 ┗|｀O′|┛ $('#테이블').DataTable({ order: [ [ 3, "DEC" ] ], ajax: { url: '통신할 대상.php', type: 'GET', data : { 내용. }, dataSrc: '', // 공백 필수 error: function (e) {..

기존에는 Datatable tbody 자체에 for_each함수를 써서 풀어내곤 했는데, ajax 통신으로 풀어내야 하는 경우가 있었다. 그로인해 js로 append나 html을 한 경우 문제가 발생하더라. 테이블 자체에 데이터가 없기에 빈 테이블입니다 라는 경고문과 아니면 10개 내지 50개 이렇게 갯수 출력을 바꾸니 테이블 tbody 데이터가 사라지는 문제가 발생하였다. 그로인해 ajax를 해야 했는데 DataTables: Cannot read property 'length' of undefined 라는 오류를 내뿜더라. 아무튼 해결함. $(document).ready(function() { $('#테이블 id').DataTable({ ajax: { url: '데이터 통신.php', type: 'GE..

https://stackoverflow.com/questions/17715274/jquery-click-function-doesnt-work-after-ajax-cal jQuery click function doesn't work after ajax call? The jQuery click function works fine here delete $('.deletelanguage').click(function(){ alert("success"); }... stackoverflow.com 이거 해결하느라 몇시간 날렸다. 시간아까워 죽겠네... 보통은 $('.deletelanguage').click(function(){ alert("success"); }); 요렇게 작동하는데, 간혹 먹통이 되는 경우가 있나..

$('#createBtn').click(function(){ // input에 입력하는 값들을 뽑아서 변수에 저장 let text = $('#add_text').val(); // encodeURIComponent로 인코딩 합시당. // 이걸로 인코딩하는 이유는 배웠었는데 까먹었다.. 검색해봐야지. // 이유는 한글로 말해야 알아듣듯이 컴퓨터도 알아들을 수 있도록 인코딩해줘야 하니까. text = encodeURIComponent(text); // 뒤에 코드가 길어지니까 그냥 한번 변수에 주소를 저장 googleQRUrl = "https://chart.googleapis.com/chart?chs=400x400&cht=qr&chl="; // 이미지가 나타날 영역에 원하는 내용을 넣은 QR code의 이미지를..