[Ajax][jQuery][Codeigniter] JQuery로 ajax 통신 기본 (in Codeigniter)

 $("#btn_signup").click(function() {

        $.ajax({

type : 'GET'

            dataType : 'json',

            url : 'http://localhost/home/index',

            success : function(data) {

              alert(data.pup);

            }

        });

  });

.js 파일

class Home extends Controller {

...

index() {

echo json_encode(array("pup" => 'gunter', 'name' => 'hong'));

}

}

Home.php 파일

흐름은 다음과 같다.

1. btn_signup 이라는 id를 가진 버튼이 눌린다.

2. Get방식으로 지정된 url에 json파일로 요청을 한다.

3. 성공하면 success에 지정된 콜백함수가 실행된다.

4. data는 이미 json 파싱이 되어(자동인듯) 있다. 그러니 data.pup에는 gunter가 들어있다.

5. alert로 인한 경고창에 그걸 표시한다.