# ajax

67개의 포스트
post-thumbnail

TIL -20.10.25 (jQuery, Ajax)

서울시 실시간 미세먼지 API 이용

어제
·
0개의 댓글
post-thumbnail

jQuery_8. AJAX

Asynchronous JacaScript and XML서버와 데이터를 교환하는 기술 자바스크립트를 이용해서 비동기적으로 서버와 브라우저가 데이터를 주고 받는 방식전체 페이지를 다시 로드하지 않고도 웹페이지의 일부를 업데이트 할 수 있음브라우저 기본객체인 XMLHttp

2020년 10월 15일
·
0개의 댓글

JavaScript - 19. AJAX

201014 AJAX

2020년 10월 14일
·
0개의 댓글

[1] API, Ajax

공부한 내용을 모아서 블로그 글을 쓰다 보니 문제가 생겼다. 내용이 어느 정도 모여야 글을 쓸 수 있는데 모이기 전까지는 정리하지 않게 된다는 것이다. 누군가에게 도움이 되기 위해 글을 쓰려는 목적보다 나 스스로 정리를 하기 위해 글을 쓰려는 목적이 커서 하루하루 공부

2020년 10월 7일
·
0개의 댓글

[Web] Ajax

출처는 다음과 같습니다. https://poiemaweb.com/js-ajax https://coding-factory.tistory.com/143 브라우저가 작동하는 방식이 CSR이든 SSR이든 브라우저와 서버의 통신이다. 이것은 어떻게 일어나는가? 서버는 요청받은 페이지(HTML)을 반환하는데 이때 HTML에서 로드하는 CSS나 JavaScript ...

2020년 9월 22일
·
0개의 댓글

[Flask] Ajax(2)

Flask Ajax 공부

2020년 9월 2일
·
0개의 댓글

[Flask] Ajax(1)

Flask Ajax 공부

2020년 9월 2일
·
0개의 댓글

HTTP Status 403

Ajax로 댓글을 등록하려고 하는데 403에러가 발생했다.저번에 발생한 POST방식에서 csrf토큰을 등록하지 않아서 그런가.. 해서 추가했는데 등록하는 방식이 달랐다.찾아보니..호출 시에 Csrf 토큰을 받도록 설정해준다.

2020년 8월 29일
·
0개의 댓글
post-thumbnail

Ajax

동기 통신웹서버로부터 응답이 올 때까지 브라우저가 대기현재 페이지의 내용을 유지하면서 요청을 통해 일부 내용만 변경하려는 경우에도 전체 페이지를 모두 전송받음.이러한 동기 통신의 특징을 보완할 수 있는 Web 통신 방식이 Ajax이다.\-> Ajax의 비동기 처리를 할

2020년 8월 27일
·
0개의 댓글

JavaScript #10 Ajax

Ajax (Asynchronized JavaScript and XML)요청 객체를 생성서버로부터 오는 응답을 처리할 콜백함수 등록callback()이 아닌 callback인 이유 : 지금 호출 하는 것이 아니므로open : 요청을 처리할 서버 페이지와의 연결 준비sen

2020년 8월 26일
·
0개의 댓글

Ajax

Ajax 정의javascript 라이브러리 중 하나Asynchronous Javascript And Xml ( = 비동기식 자바스크립트와 xml)브라우저의 XMLHttpRequest 객체를 이용해서 전체 페이지를 ReLoad 하지 않고 페이지의 일부만 데이터를 load

2020년 8월 24일
·
0개의 댓글

비동기 프로그래밍(Asynchronous)

동기 -> 순차적으로 진행비동기 -> 비순차적으로 진행비동기처리 -> 비순차적인 작업을 순차적으로 처리하는 방식JavaScript를 이용해 비동기적으로 서버와 브라우저가 데이터를 교환할 수 있는 통신 방식.갱신이 필요한 부분만 로드하여 갱신함으로 빠르다.비동기처리를 위

2020년 8월 17일
·
0개의 댓글
post-thumbnail

Ajax

Ajax(Asynchronous Javascript XML) > 비동기 통신. 클라이언트 - 서버 간에 XML 또는 JSON 데이터를 주고 받는 기술이다. 페이지 이동 없이 데이터 처리가 가능하다. 새로 고침 없이 화면이 변한다! 제이쿼리 - Ajax 사용법 |

2020년 8월 13일
·
0개의 댓글

TIL 2주차: Ajax

JSON은 Key:Value로 이루어져 있음. 자료형 Dictionary와 매우 유사함.ex)위 그림의 RealTimeCityAir라는 키 값에 딕셔너리형 value가 들어가있고, 그 안에 row라는 키 값에는 리스트형 value가 들어가있음.

2020년 8월 9일
·
0개의 댓글
post-thumbnail

[Spring] ajax 두개 이상의 객체 전송

현재 팀프로젝트 중에 게시글 목록을 구현하는데 있어 사용된 예시이다.카테고리를 탭으로 구성하여 각 탭을 누를 때 마다 해당 카테고리의 게시글들을 불러오려고 하는데 spring 책에서 배운 방법은 다음과 같았다.servcie의 getListWithPagingTabs()는

2020년 7월 24일
·
0개의 댓글

AJAX

"Asynchronous Javscript and XML"의 약자로 비동기적인 웹 제작을 위해, 정보 표현을 위한 HTML과 CSS, 동적인 화면 출력 및 표시 정보와의 상호작용을 위한 DOM, 자바스크립트 등의 기술 집합을 칭하는 용어이다(웹 개발 기법). AJAX

2020년 7월 18일
·
0개의 댓글

이벤트 흐름

요청을 보낸 후 응답(=결과)를 받아야지만 다음 동작이 이루어지는 방식이다.어떠한 일을 처리할 동안 다른 프로그램은 정지한다.실제 cpu가 느려지는 것은 아니지만 시스템의 전체적인 효율이 저하된다고 할 수 있다.요청을 보낸 후 응답(=결과)과는 상관없이 다음 방식이 동

2020년 7월 17일
·
0개의 댓글
post-thumbnail

[VanillaJS] #3 AJAX + FormData + dataset

Asynchronous Javascript and XML의 약어인 AJAX는 비동기적인 웹 서비스를 개발하기 위한 기법입니다. 페이지 새로고침없이 서버와의 요청, 응답을 통해 데이터를 주고 받습니다. 옛날에는 XML을 사용했지만 요즘에는 JSON형식의 데이터를 많이 사

2020년 7월 16일
·
0개의 댓글
post-thumbnail

JQuery AJAX

지옥의 Legacy CODE 아르바이트 업무 수행 중 JupyterHub에서 짜놓은 JQuery AJAX, 아르바이트 전임자가 짜놓은 JQuery, 아르바이트 전임자가 짜놓은 Fetch, 내가 짠 Fetch까지 해서 지옥의 LEGACY CODE를 유지보수하고 있다. 유

2020년 7월 13일
·
0개의 댓글
post-thumbnail

Fetch API

웹 개발을 할 때 ajax 통신을 자주 사용한다. ajax를 사용할 때 XHR, JQuery, Fetch 등의 선택지가 있지만 셋 다 사용해봤을 때 JQuery와 Fetch가 당연한 소리지만 압도적으로 좋은 것 같다. (생산성 측면에서) 앞으로 추세가 JQuery를 쓰

2020년 7월 11일
·
0개의 댓글