[jQuery] ajax 기본 형식

내가 이해한 바로는 ajax는 홈페이지를 이동하지 않고, 동적으로 데이터 통신을 한다.

무한 스크롤을 구현하는 과정에서 데이터베이스에서 더 가지고 올 것이 있어서 찾아보게 되었다.

아직 제대로 이용하는 것이 아니기 때문에 기본 형식만 적어두려고 한다.

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14

$.ajax({  type: 'POST',  dataType: 'json',  data: {   "id":id  },  url: 'data.php',  success:function(){  alert("성공!");  },  error:function(){  alert("실패!");  } });

우선 간단히 설명을 하면 아래와 같다.

• type - 전달 방식을 의미한다. GET/POST가 있다.
• dataType - 전달받는 인자의 형식.
• data - 데이터 처리를 할 페이지에게 전달할 정도이다. Array 형식일 때 위와 같이 적으면 된다.
• url - 이동할 페이지이다. 이동한 페이지에서 데이터를 처리하고 다시 현페이지로 돌아온다. 필요한 경우 데이터를 전달할 수 있다.
• success - 데이터 처리가 성공했을 경우 해당 함수(함수가 아니어도 되는듯 하다)를 실행한다. json으로 처리할 경우 데이터를 처리하는 페이지에서 전달해주는 값이 인자로 받아진다.
• error - 데이터 처리가 실패한 경우 해당 함수로 들어온다. 인자로는 requset, status, error 등이 있다.
• contentType - header에 추가되는 값으로 현재 주어지는 데이터값의 형식을 의미한다. (ex. application/json; charset=utf-8)
• async - 비/동기를 지정하는 field. default 값은 false 이다. 아직은 사용해보지 않아 잘 모르겠다.

개인적으로 인터넷을 뒤져가며 공부한 것이므로 틀리면 말씀해주세요.