개발 Q&A

제목 Ci에서 ajax 사용법이어떻게 되는지...
글쓴이 정수리 작성시각 2016/08/10 12:59:15
댓글 : 4 추천 : 0 스크랩 : 0 조회수 : 15247   RSS

프로젝트를 진행하면 

 

ajax가 꼭필요하다는 것을 느껴 급하게 공부를 하게 되었습니다.

 

구글링을 통해 CI와 ajax를 사용하는 것을 보았지만 

 

아직 ajax에 대한 개념이 부족해서 책을 보면서 

 

하고 있는데 책의 경우 CI를 사용하지 않고 그냥 ajax만 사용하더라구요

 

전 CI에 ajax를 사용해서 공부하고 있는데  첫부분부터 막히네요;

 

<script>
		$(document).ready(function(){
				$('button').click(function(){
					var request =  new XMLHttpRequest();
					request.onreadystatechange = function (event){
						if(request.readyState == 4){
							document.body.innerHTML +=request.responseText;
						}
					};
					request.open('GET', 'test/ajax_c/select', true);

					request.send();

					
	});
});
		</script>
	</head>
	<body>
		<button >출력</button>
	<div class = "test"></div>
	</body>

Controller
function select(){
				echo 'hi';

			}

이렇게 되어있습니다.

버튼을 클릭하면 ajax에서 cotroller를 호출하는 것인데 

버튼을 클릭하면 404not found가 뜨네요;;

경로 문제 인것 같은데;

컨트롤러를 호출할때 위에 처럼 호출하면 안되나요?

ajax_c의 위치는 application/controllers/test/ajax_c 이 위치에 있습니다;

 

방금 확인해보니 

request.open('GET', 'test/ajax_c/select', true);

 

이부분에서 'ajax_c'라고 하면 오류 없이 잘뜨는데 

 

컨트롤러에 있는 select() 이부분을 못찾네요 ㅜㅜ

 다음글 ajax 사용법좀;; (6)
 이전글 git ignore 관련 질문입니다. (9)

댓글

kaido / 2016/08/10 13:51:35 / 추천 0

어려운 코드로 시작 하셨군요.

ajax 문법은 스타일이 몇가지 존재 하는데, 처음 사용 하는 사람에게는 가독성이 용이한 jquery ajax 스타일을 추천해 드립니다.

익숙해지면 어떤 스탈이든 알아보게 됩니다.

var idx = 1;
var number = 5;
$.ajax({
       type: "POST",     //전송타입
       data: {idx: idx, number: number},  //넘길 파라메터 ?idx=1&number=5 와 같은개념
       url: "/addr/aaa.php",  //주소
       dataType: "html",      //리턴 타입 html text xml json 등
       success: function(data){
            alert(data);
          }
     });  


물론 jquery 플러그인은 로드 하고 사용 하셔야 합니다.

당장 소스부터 접근 하지 마시고, 심플 예제부터 잡고 가세요.

 

jquery 플러그인 사용 법

http://www.w3schools.com/jquery/jquery_get_started.asp

변종원(웅파) / 2016/08/10 14:36:35 / 추천 0
책의 XMLHttpRequest 부분은 jquery와의 비교를 위해 넣어놓은 부분입니다. 그 다음 파트에 jquery로 된 부분이 있습니다.
정수리 / 2016/08/10 15:36:27 / 추천 0

@kaido

감사합니다^^

정수리 / 2016/08/10 15:42:42 / 추천 0

@변종원

아 Ci책이 아니라 jquery책에 있는 ajax를 보고있었습니다;; CI책의 ajax 내용은 어느정도 ajax에대한 지식을 요구하는것 같아

ajax공부좀 하고 볼려구요 ㅜㅜ