JSP practice_240510

jQuery AJAX함수

jQuery에서 AJAX는 jQueryObject($)에서 바로 기능을 제공.

$.ajax({});

*사용법
$.ajax({
  	//* 요청 설정
	url : "요청을 JSP URL",
    type : "요청방식 GET | POST",
    data : queryString,//보내는 값
  	async : "동작방식 true | false",
  	/*
    true : 비동기식으로 동작
  			서버에서 데이터가 응답되기 전 callback function이 호출되는 방식
            - 응답되는 데이터의 양이 많다면 처리되기 전에 함수가 호출될 수 있다. 그래서 주로 데이터 양이 적을 때 사용.
    false : 동기식으로 동작
    		서버에서 데이터가 모두 응답된 후 callback function이 호출되는 방식
            -응답되는 데이터의 양이 많더라도 처리가 완료된 후 함수가 호출된다.
    */
  	//* 응답 설정
    dataType : "서버에서 응답되는 데이터의 형식 지정 HTML, TEXT, XML, JSON",
  	error : function(xhr){
      		에러가 발생했을 때 실행될 코드를 정의;
    },
  	success : function(data){
  				응답이 성공했을 때 실행될 코드
	}
  /*
  	callback function
    - 개발자가
  */
});

jQuery에서 JSONParsing

데이터에서 원하는 부분을 잘라내어 사용하는 것.

JSONObject Parsing

• 문법
  이름.값
• 사용법

var jsonObj = {name:"우미면", age:20}

jsonObj.name
jsonObj.age

JSONArray Parsing

반복문 사용하여 모든 값을 parsing한다.

• 문법

$.each(JSONArray객체, function(l, ele){
 ele.이름
 //ele : JSONArray
});