Ajax와 each에 대한 기본 문법

1. jQuery에서 Ajax 기본 문법

   1) jQuery.ajax(url[,settings])

   2) jQuery.ajax({settings}) 

settings 라는 객체를 전달한다.

$.ajax({     settings () })

 

2. settings 객체에 들어 갈 수 있는 속성 값

- url : 서버에 접속할 주소

- data : 서버로 데이터를 전송할 때 이 옵션을 사용한다.

- dataType : 서버측에서 전송한 데이터를 어떤 형식의 데이터로 해석할 것인가를 지정한다. 값으로 올 수잇는 것은 xml, json, script,html 이다. 형식을 지정하지 않으면 jQuery가 알아서 판단한다.

- success : 성공했을 때 호출할 콜백을 지정한다.

  Function(PlainObject data, String textStatus jqXHR jqXHR)

- type : 데이터를 전송하는 방법을 지정한다. get, post를 사용할 수 있다.

 

동작원리 : 보통 서버에서 전체 데이터들을 브라우저가 받아서 페이지에 파싱한다.

AJAX는 AJAX 내부에서 XMLHttpRequest 통신을 해 URL(서버)와 연결시켜주고 서버에 요청한 데이터들만 파싱해서 뿌려준다.

---------------------------------

$.getJSON(url, function (data) { 

    $(data).each(function () {

        this.replyNo + this.replyText, this.replyWriter

    })

)

2. Ajax에서 받아오는 data의 값

-> data에 url에서 전송한 데이터를 받는다. 

 

3. each문 동작 방식

쉽게 설명하자면 .each() 함수는 jQuery의 객체 수 만큼 반복 수행을 해주는 함수 입니다
위에 예제처럼 this를 사용하면 현재 돌아가는 루프문에 해당하는 객체를 말하는 것 입니다.
for(int i=0 ; i<=item의 수 ; i++){ } 와 동일하게 보시면 될 것 같네요

출처: https://ceaserdev.tistory.com/entry/2016-01-05-작업내용-each-함수를-사용한-데이터-출력