AJAX 기본 사용법

아우...클라이언트쪽 기술은 정말 모르겠다..ㅠㅠ 특히 AJAX랑 JQuery 는 필수인데 개념을 잘 모르겠..달까..내가 공부하던 시절에는 거의 없었던 개념이라서 처음부터 공부를 해야하는 각..ㅋㅋ우선 AJAX 기본 사용법과 옵션을 정리해봤다.

$.ajax({ async:false, // 동기방식으로 통신（비추천）→　비동기방식은 true값을 대입。 type:'POST', // type:'GET' → 폼 전송 방식 선택 가능 url:'http://localhost:8765/Output', // 전송할 주소, 서버페이지 data:{ // 전송할 데이터를 설정하는 경우 배열로도 가능.. id:1, mode:'hoge', type:'entry' }, dataType:'JSON', // text, html, xml, script, jsonp 등 설정가능 crossDomain:true, // 크로스도메인 환경인 경우 설정 cache:false, // 캐시기능 사용 옵션 ifModified:true, // 마지막 요청 후 변경이 있는지 판단 username:'', // HTTP 인증 필요한 경우 사용자명 password:'', // HTTP 인증 필요한 경우 패스워드 timeout:10000, // 타임아웃 시간설정、단위는 ms beforeSend:function(jqXHR,settings){ // 송신하기 전에 처리됨. // settings 인수로 설정값을 사용가능（setting.type, setting.url等） // todo.. }, statusCode:{ // 상태코드로 처리를 분기가능、요청된 값도 받아서 쓸 수 있음 200:function(){ // todo.. }, 404:function(data){ // todo.. } } }) .done(function(data, textStatus, jqXHR){ // 통신이 성공한 경우에 처리되는 내용 // data：「datatype：」으로 지정된 데이터 // textStatus：상태값（success 등） // jqXHR：jqXHR객체 // todo.. }) .fail(function(jqXHR, textStatus, errorThrown){ // 통신이 실패한 경우에 처리되는 내용 // jqXHR：jqXHR객체 // textStatus：에러내용（timeout, error, notmodified, parsererror등） // errorThrown：그 외 예외처리된 객체 // todo.. }) .always(function(jqXHR, testStatus){ // 통신이 완려된 경우에 처리되는 내용 // jqXHR：jqXHR객체 // textStatus：상태 // todo.. })