목록FrontEnd/Ajax (3)

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] ajax에서 값 받아와 json Data 만들기

서버사이드가 아닌 클라이언트 사이드에서 json Data를 만들고자한다. 먼저 json 데이터를 만들기 위한 전역 변수를 선언한다. var treeData = new Array(); var treeData2 = new Array(); var treeData3 = new Array(); 이후, ajax에서 agency 값들을 받아와 원하는 정보를 tree에 저장한 후, String 형태로 변환 JSON.stringify() 를 이용하여 treeData2에 데이터를 저장하고 String Data를 다시 사용할 수 있는 json 데이터로 만들기 위하여 JSON.parse()를 이용하여 treeData3에 저장하는 코드이다. //Agency Information $.ajax({ url: HOST+"/api/ag..
FrontEnd/Ajax 2021. 10. 19. 18:24
이전 Prev 1 Next 다음