JQuery - ynjch97/YNJCH_WIKI GitHub Wiki

▷ JSON.parse, JSON.stringify

• parse : string 개체를 json 개체로 변환
• stringify : json 개체를 string 개체로 변환

var oData = {
	Name: "Ynjch"
	, Age: "24"
}

var sPerson = JSON.stringify(oData);
var oPerson = JSON.parse(sPerson);

alert(sPerson);
/* Output: "{"Name":"Ynjch","Age":"24"}" */
alert(oPerson.Name);
/* Output: "Ynjch" */

• 이때 json 객체에 속성을 추가/삭제하고 싶다면 다음과 같이 입력

oPerson.Gender = "Woman";
/* Output: "{Name: "Ynjch", Age: "23", Gender: "Woman"}" */
delete oPerson.Gender;
/* Output: "{"Name":"Ynjch","Age":"24"}" */

▷ ajax 옵션

• async
  • 비동기 통신 플래그 (기본값 true)
  • true : 비동기 통신에서 요청이 던져져 응답할 때까지 사용자 에이전트는 비동기 처리를 계속함
  • false : 동기 통신하면 통신에 응답이있을 때까지 브라우저는 잠겨 조작을 받아들이지 않음
• contentType
  • 서버에 데이터를 보낼 때 사용 content - type 헤더의 값
  • 기본값은 "application / x - www - form - urlencoded"
• dataType
  • 서버에서 반환되는 데이터 형식
  • 생략했을 경우, jQuery이 MIME 타입 등을 보면서 자동으로 결정
  • "xml": XML 문서
  • "html": HTML 텍스트 데이터 (여기에 script 태그가 포함된 경우 처리가 실행됨)
  • "script": JavaScript 코드 텍스트 데이터 (cache 옵션 특히 지정이 없으면 캐시가 자동으로 비활성화되며 원격 도메인에 대한 요청의 경우 POST는 GET으로 변환됨)
  • "json": JSON 형식 데이터로 평가하고 JavaScript의 개체로 변환
  • "jsonp": JSONP로 요청을 부르고 callback 매개 변수에 지정된 함수 회수 값을 JSON 데이터로 처리 (jQuery 1.2 추가)
  • "text": 일반 텍스트
• type
  • HTTP 통신의 종류를 설정 (GET, POST, DELETE, PUT)
• complete
  • AJAX 통신 완료될 때 호출되는 함수
  • success이나 error가 호출된 후에 호출되는 Ajax Event
• beforeSend
  • AJAX에 의해 요청이 전송되기 전에 불리는 Ajax Event
  • 반환값을 false로 설정하면 AJAX 전송을 취소할 수 있음
• error
  • 통신에 실패했을 때 호출되는 Ajax Event
• success
  • AJAX 통신이 성공하면 호출되는 Ajax Event
  • 돌아온 데이터와 dataType 지정한 값 2 개의 인수를 받음

▷ 유동적인 name 을 가진 selector 접근 시

$("input[name='aaa']") // name 이 'aaa' 인 것
$("input[name^='aaa']") // name 이 'aaa' 로 시작하는 것 (SQL 의 like 'aaa%' 와 동일)
$("input[name$='aaa']") // name 이 'aaa' 로 끝나는 것 (SQL 의 like '%aaa' 와 동일)
$("input[name*='aaa']") // name 이 'aaa' 가 포함된 것 (SQL 의 like '%aaa%' 와 동일)