[ jQuery ] ajax 통신 > javascript&jQuery

본문 바로가기
사이트 내 전체검색

javascript&jQuery

[ jQuery ] ajax 통신

페이지 정보

작성자 웹지기 댓글 0건 조회 1,366회 작성일 21-01-29 16:15

본문

Ajax 에서 응답을 받아서 처리하는 함수를 CallBack 함수라 한다.

Ajax 동기식과 비동기식의 차이

 - 동기식과 비동기식은 Ajax 자체에서 처리하게 해주는 기능

 - 동기방식은 여러개의 요청을 요청 순서대로 하나씩 차례로 처리하는 방식

    첫번째 요청이 끝나지 않으면 두번째 요청이 처리 되지 않는다.

    첫번째 요청이 처리가 되어야 다음으로 넘어갈 수 있다.

 - 비동기방식은 여러개의 요청을 순서에 상관없이 처리 순서에 따라 처리하는 방식

    첫번째 요청과 두번째 요청에서 먼저 처리된 요청을 callBack 함수를 통해서 

    먼저 처리해버리는 방식이다.

※ 일반적으로 웹페이지가 느려지는 것을 방지하기 위해 비동기 방식을 사용한다.

 

웹사이트를 동적으로 사용하기 위해 주로 사용하는 기법이다.

추천0 비추천0

댓글목록

등록된 댓글이 없습니다.

Total 63건 2 페이지
  • 48 [ javascript ] 자바스크립트 선언문( 내부 선언, 외부 선언 )
  • ※ 자바스크립트 선언문 1) 내부스크립트로 작성법 - 선언문은 자바스크립트 코드를 작성할 영역을 선언하는 것 - 태그 선언문의 시작과 종료의 사이에 코드를 적는다. 예) <script> -- 코드 작성 -- </script> - 태그 선언은 <head><script></script></head> 또는 &lt...
  • 웹지기 02-09 2494 0 0 댓글 0
+6
  • 47 [ javascript ] 이클립스에 자바스크립트 자동완성 추가하기
  • tern.repository-1.2.1.zip 파일을 다운을 받는다. Help > Install new Software 를 통해 다운받은 파일을 등록한다. 중간에 Install~~ 등의 문구가 나오면 Install 클릭하고 Restart가 나오면 재시작 해준다. 새로운 프로젝트를 만들고 설정을 해준다. Javascript > tern 에서 ECMAscript6 선택 Javascript > tern > mod...
  • 웹지기 02-08 1726 0 0 댓글 0
  • 열람중 [ jQuery ] ajax 통신
  • Ajax 에서 응답을 받아서 처리하는 함수를 CallBack 함수라 한다. Ajax 동기식과 비동기식의 차이 - 동기식과 비동기식은 Ajax 자체에서 처리하게 해주는 기능 - 동기방식은 여러개의 요청을 요청 순서대로 하나씩 차례로 처리하는 방식 첫번째 요청이 끝나지 않으면 두번째 요청이 처리 되지 않는다. 첫번째 요청이 처리가 되어야 다음으로 넘어갈 수 있다. - 비동기방식은 여러개의 요청을 순서에 상관없이 처리 순서에 따라 처리하는 방식 첫번째 요청과 두번째 요청에서 먼저...
  • 웹지기 01-29 1367 0 0 댓글 0
  • 45 [ jquery ] jquery란 무엇인가?
  • jQuery 1) 정의 - jQuery란 웹사이트에 자바스크립트를 쉽게 사용할 수 있도록 도와주는 오픈소스 기반의 자바스크립트 라이브러리. - "write less, do more(적게 작성하고, 많은 것을 하자)" 라는 모토로 2006년 미국의 SW 개발자 존 레식(John Resig)이 발표 2) 특징 - 웹페이지 상에서 요소(Element)를 쉽게 찾고 조작할 수 있다. - 거의 모든 웹브라우저에 대응할 정도로 호환성이 매우 뛰어남 - 네트워크, 애니메...
  • 웹지기 01-28 1592 0 0 댓글 0
  • 44 [ jquery ] jquery 선언 하고 사용하기
  • jquery 불러오기 두가지 방식 head 태그에 링크를 직접 넣는 방법 ( 서버에 업로드 후 사용 ) <script src="https://funyphp.com/js/jquery-1.8.3.min.js.pagespeed.jm.0IhQ85x_cu.js"></script> head 태그에 cdn을 이용해서 넣는 방법 <script src="http://code.jquery.com/jquery-3...
  • 웹지기 01-27 4394 0 0 댓글 0
  • 43 [ javascript ] 함수 선언식, 함수 표현식, 람다식
  • 함수 선언식, 함수 표현식, 람다식 - 함수 선언식 : 일반적인 프로그래밍 언어에서의 함수 선언과 비슷한 형식 ( function 함수명() { 로직 } ) - 함수 표현식 : 유연한 자바 스크립트 언어의 특징을 활용한 선언 방식 ( var 함수명 = function () { 로직 } ) - 람다식 : ( ) => $(document).ready( () => { }); 함수선언식은 호이스팅에 영향을 받지만, 함수표현식은 호이스팅에 영향을 받지 ...
  • 웹지기 01-15 1771 0 0 댓글 0
  • 42 [ ECMAScript ] javascript - continue 라벨 문
  • continue mainloop 문 - 평균값과 최대 평균값 구하기 배열값 중에서 10보다 큰 값이 나오면 다음 배열로 넘어가고 배열값 중에서 10보다 큰 값이 없으면 for문 종료 a[0][] 배열에는 10이 없으므로 배열은 합하고 종료 a[1][] 배열에서 1, 5, 12 까지 진행이 되고 종료되지 않고 연결해서 a[2][] 배열로 넘겨 버린다. <!DOCTYPE html> <html> &lt...
  • 웹지기 01-15 1868 0 0 댓글 0
  • 35 [ jQuery ] 배열
  • 배열 만들기var fruits = ['사과', '바나나'];console.log(fruits.length);// 2인덱스로 배열의 항목에 접근var first = fruits[0];// 사과var last = fruits[fruits.length - 1];// 바나나배열의 항목들을 순환하며 처리하기fruits.forEach(function (item, index, array) { console.log(item, index);});// 사과 0// 바나나 1배열 끝에 항목 추가하기var newLen...
  • 웹지기 09-10 2324 0 0 댓글 0
  • 34 [ jQuery ] radio button control
  • checked 된 radio 값$('input:radio[name="radio_name"]:checked').val();특정 radio 버튼 checked$('input:radio[name="radio_name"]:input[value="1"]').attr("checked", true);(checked 해제는 false)- value 자리에 원하는 값을 세팅하면 radio_name 으로 된 버튼중 해당 값과 매칭되는 것을 찾아...
  • 웹지기 09-10 2762 0 0 댓글 0
게시물 검색

회원로그인

접속자집계

오늘
2,839
어제
6,772
최대
43,745
전체
10,311,989

그누보드5
Copyright © funyphp.com. All rights reserved.