jquery ajax중 get과 post

개인적으로 JQuery의 AJAX기능은 주로 load,get,post 정도를 많이 사용하고 실행환경에서 모든 페이지는 utf-8로 하고있습니다. (euc-kr은 골치아픈 문제들이 계속따라 다니기 때문에 가능하면 utf-8이 작업하기 좋구요.)

load함수는 다른 글에서 설명했고. 여기서는 사용법이 비슷한 get과 post를 설명하겠습니다. 다른 jquery 기능처럼 간단합니다.

1. 기능

jquery의 get함수는 html폼 객체에서 method를 get으로하고 form의 submit()을 실행하는 것 과 같은 기능입니다. 마찬가지로 post함수의 경우는 method가 post입니다. 폼을 이용한 경우와 다른것이 있다면, 페이지를 ajax기술을 이용한 만큼 페이지를 새로고치지 않는것과, 데이터를 로딩하면서 다른 기능을 수행 할 수 있는등등이 있겠지요.

2. 사용법

사용법은 다음과 같습니다.

$.get( URL, 파라메터, 콜백함수);


여기서 URL은 불러들일 서버파일
파라메타는 {name:"제이쿼리",pass:"****"}처럼 자바스크립트 오브젝트
콜백함수는 값이 로딩되고나면 실행할 함수 입니다.

사용예를 보면 다음과 같습니다.

$.get("user_login.php", {name:"제이쿼리",pass:"****"}, function (data){
    alert("안녕하세요"+data+" 님");
});

user_login.php는 다음과 같은 방법으로 작성하면 됩니다.(PHP의 경우)

echo $_GET[name];

$.post( URL, 파라메터, 콜백함수);

post함수는 파라메타의 인자가 get에서 post로 보내진다는것 만 다르고 같습니다.

사용예를 보면 다음과 같습니다.

$.post("user_login.php", {name:"제이쿼리",pass:"****"}, function (data){
    alert("안녕하세요"+data+" 님");
});

user_login.php는 다음과 같은 방법으로 작성하면 됩니다.(PHP의 경우)

$_GET이 $_POST로 변한것만 다릅니다.

echo $_POST[name];

하지만 ajax기능을 이용하면 검색앤진의 접근에 어려움이 있기때문에 남용하는것은 좋은 방법이라 할 수 없겠습니다.