클라이언트가 비동기(서버에서 요청에 대한 응답이 없어도 실행) 방식으로 화면전환 없이 서버에 요청을 보낼 때 사용
$ajax({
url:"전송페이지",
type:"전송방식 / post, get",
data:"전송할 데이터",
dataType:"서버로 부터 받아올 데이터 형식(html, xml, json, text)",
success:function(data){
//성공 응답이 오면 실행될 코드
},
error:function(){
//실패 응답이 오면 실행될 코드
}
})
ajax() 메소드의 옵션
종류 | 입력값 | 설명 |
async | true/false |
true : 기본값 false : 서버를 보내고 전송하는 동안에 다른 작업이 가능 |
beforeSend | function | 요청하기 전에 함수를 실행 |
cache | true/false | 요청 페이지에 캐시를 저장할지 설정 (true 기본값) |
complete | function | ajax가 완료되었을 대 실행할 함수 |
contentType | 서버로 전송할 데이터의 content type을 설정 | |
data | 서버로 전송할 데이터를 입력 | |
error | function | 서버와의 통신에서 error가 발생했을 때 실행할 내용 |
success | function | 서버와의 통신에서 성공했을 때 실행할 내용 |
timeout | 밀리초 | 서버와의 통신 시간 제한 |
type | get, post | 데이터 전송 방식 |
url | url | 데이터를 전송할 페이지 |
username | http 액세스를 할 때 인증이 필요할 경우 사용자 이름 지정 |
ajax() 데이터 가공관련 메소드
종류 | 사용예시 | 설명 |
serialize() | $("form").serialize(); |
form 형태로 입력한 데이터를 get 형식으로 반환 (?key=value&key=value) |
serializeArray() | $("form").serializeArray(); |
form 형태로 입력한 데이터를 배열로 반환 {key:name}, {key2: name2} |
param() | $.param(Object); | {key:name}, {key2:name2} 형태로 작성된 객체를 key=name&key1=name1로 변환 |
JSON.parse() | JSON.parse('{"key":"value"}'); | 문자열을 JSON 객체로 반환 ※참고 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse |
JSON.stringify() | JSON.stringify({"key":"value", "key1":"value1"}) |
데이터 객체를 문자열로 반환 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify |
반응형