CI 묻고 답하기

제목 ajax 사용 질문입니다~( x초보...ㅎ)
글쓴이 작성시각 2014/02/12 17:55:13
댓글 : 5 추천 : 0 스크랩 : 0 조회수 : 13475   RSS
 <!DOCTYPE html>
<html>
    <head>
        <script src="http://code.jquery.com/jquery-latest.js"></script>
    </head>
    <body>
        <div id="result"></div>
        <input type="text" id="msg" />
        <input type="button" value="get result" id="getResult" />
        <script>
            $('#getResult').click( function() {
                $('#result').html('');
                $.ajax({
                    url:'/test',
                    dataType:'json',
                    type:'POST',
                    data:{'msg':$('#msg').val()},
                    success:function(result){
                        if(result['result']==true){
                          $('#result').html(result['msg']);
                        }
                    }
                });
            })
        </script>
    </body>
</html>

이게 ajax_test_view.php 파일이구 test.php 컨트롤러에서 로드해서 사용하고 있습니다.
근데 버튼을 클릭하면 입력한 값이 안뜨네요..ㅠㅠ url은 저게 맞나요..?.
다른 곳에서 뭐 설정을 또 해줘야 하나요..?.
경로는 var/www/ 안에 바로 application 있구용..
웹을 이해하기가 어렵네요..ㅎ
(위 코드는 생활코딩 ajax 강의 코드 따온겁니다. 그대로 따라해보려는데 안되서..ㅎ)
 다음글 뷰에서 ajax컨트롤러 로드 (1)
 이전글 CI에서 remap과 관련된 기능 질문이요 (5)

댓글

헛발이 / 2014/02/12 18:21:52 / 추천 0
저도 그다지 고수는 아니지만...
정답을 가르켜 드리기 보단 스스로 찾는 방법을 알려 주고 싶습니다.

웹어플리케이션에서 버그를 잡는 방법이나 진행에 관한 여러가지 문제점을
해결 하기 위해서는 부라우저의 디버깅툴을 사용하는 방법이 좋습니다.

파이어폭스일 경우  F12을 눌러 콘솔의 에러등을 보거나 네트워크등등
활용하시면 아마 쉽게 문제점을 해결 할수 있을거에요...

처음에 쉽지는 않치만 F12과 많이 친해지셔야 할듯 싶네요..
/ 2014/02/12 18:27:45 / 추천 0
F12랑 파이어버그랑 다 보고 있는데 기본적인 ajax의 원리를 모르고 있어서..ㅎ..
ajax를 따로 컨트롤 해줄게 필요한건가요...ㅠ 
수야디벨 / 2014/02/12 18:51:59 / 추천 0
 아... 이건 ..뭐 ... 답변을 해주기가 ;;
 우선 id 값이 getResult인 개체를 누르면 클릭함수가 일어나면서 
 위에서 지정한 ajax가 일어나겠죠.
 index.php를 죽였다면 
 위 url은 /test 는 test 컨트롤러를 지칭하는겁니다.
 
 ajax쓰려면 jquery 로드만 되면 되고 ,

 따라서 안된다면 뭔가 오류가 헛발이님 처럼 콘솔로 뜰꺼에요 .

 이건 f12 개발자도구로 디버깅하는거 밖에 없겠네요.
 
헛발이 / 2014/02/12 19:14:46 / 추천 0
버튼을 클릭했는데 값이 안나온다는것이...
이런 진행순서로 확인 해 봐야 할듯 싶어요...


1. 버튼을 클릭하면 ajax 함수안으로 일단 들어오는지 확인!!!

2. 해당 콘트롤러까지 잘 가는지확인!!!

3. 해당 콘트롤러에서 전달 해줄 값이 출력되는지 확인!!!

4. 처리가 완료되고 ajax에서 result값이 잘 넘어 오는지 확인!!!

5. 해당 값을 찍는 #result에는 문제가 없는지 확인!!!

등등 을 해 보시면 될듯 싶어요..
2,3번은 파이어버그로 확인 가능할듯 싶어요...

어디에서 문제가 발생하는지 모르니깐요...

/ 2014/02/13 01:55:25 / 추천 0
 ㅎㅎ 해결 했습니다. ajax개념을 제가 아얘 모르고 있었네요.. ㅎ 감사합니다.