목록ajax (4)

Developer's blog

Ajax 요청 시 dataType과 contentType

Ajax에서 POST 요청을 보낼 때 흔히 사용하는 통신 옵션이 있다. 바로 dataType과 contentType인데, 오늘은 이 두가지의 차이점을 정리해보고자 한다. 먼저 Ajax를 이용하여 서버에 데이터를 POST 방식으로 전송할 때는 아래와 같은 방식을 이용한다. $.ajax({ type: 'POST', url: url, data: data, success: success, dataType: dataType }); 여기서 dataType 옵션을 살펴보자. dataType 옵션이란, 응답 값으로 서버에서 어떤 타입을 응답 받을 건지를 의미한다. 응답 값의 종류로는 JSON, HTML, TEXT 등의 값이 존재하는데, 지정하는 값에 따라 다른 응답 닶을 받을 수 있다. dataType : "JSON"..
FrontEnd/Ajax 2023. 1. 31. 09:33
[JavaScript] Ajax에서 Post 이용하여 데이터 받아오기(Query String 이용)

나는 기존에 post 방식을 이용하여 데이터를 받아오기 위해서는 아래와 같은 방식을 사용하였다. const q = { page: "1", startDate: "2021-09-08", endDate: "2021-09-30", length: "10", selectOption: "", searchText: "" } const sendInfo = { data: encryptByAESModeCBC(Json.stringfy(q) } $.ajax({ url: HOST+"/admin/login/log", type: "POST", contentType: 'application/json; charset=utf-8', data: JSON.stringify(sendInfo), dataType: "json", success:f..
FrontEnd/Ajax 2021. 11. 15. 16:13
[JavaScript] Copy 버튼을 통해 DataTable 내의 데이터 내용 Copy 하기

지금 개발하고자 하는 Copy 기능은 요즘 어디서든 찾아볼 수 있는 기능이다. 이는, 바로 텍스트 옆에 복사 버튼이 있고, 그것을 클릭한다면 옆의 텍스트가 복사되는 기능이다. 이를 위해서 처음은 Javascript에서 주로 쓰이는 Text를 Clipboard로 복사하는 방법을 찾아보았다. 그 결과, https://sub0709.tistory.com/144님의 블로그를 찾을 수 있었고 JavaScript에서 쓰는 텍스트 복사 방법을 알 수 있었다. 이를 적용시키기 위하여 내가 현재 작성한 DataTable의 Code는 다음과 같다. 더보기 function initTable() { table = $('.dataTables-example').DataTable({ serverSide: true, processi..
FrontEnd/JavaScript 2021. 6. 21. 10:24
[JavaScript] 파라미터 값 다른 페이지로 렌더링 & URL Parsing

먼저, 다른 페이지로 원하는 파라미터를 넘기기 위해 버튼 클릭 시, 해당 값을 다른 페이지로 옮기는 코드를 먼저 구현한다. $('.dataTables-example').on('click', '#TableIDInfo', function() { const row = $(this); const tr = row.closest('tr'); const dataTableRow = table.row(tr[0]); const rowData = dataTableRow.data(); const tableId = rowData.GameTablesID location.href = "/report/router?tableId=" + tableId; }); 위의 코드는 DataTable 내의 데이터 값을 버튼으로 변경한 id가 Ta..
FrontEnd/JavaScript 2021. 6. 17. 22:17
이전 Prev 1 Next 다음