[jquery] Ajax

클라이언트가 비동기(서버에서 요청에 대한 응답이 없어도 실행) 방식으로 화면전환 없이 서버에 요청을 보낼 때 사용

 

$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