테스트 사이트 - 개발 중인 베타 버전입니다

ajax연동후 php화면에 결과값이 null로만 나오네요ㅠㅠ. 잘못된곳 부탁드려요~ 채택완료

떡배 7년 전 조회 5,614

크롬 개발자 미리보기에서는 데이터가 잘 나오는데

실제 보이는 화면에서는 아무것도 보이지 않습니다.화면처리를 어떤식으로 해야하는지 조언 부탁드립니다.

 

ajax쪽 소스

 

</p>

<p><div id="result"></div></p>

<p> </p>

<p>$('.gnb_2da').click( function() {

                    $.ajax({

                    <a href="'/shop/test3/product.php'">url:'/shop/test3/product.php'</a>,

                    dataType:'json',

                    type:'POST',

                    data:{wr_1:$(this).attr('value')},

                    success:function(data){                       

                          $("#result").html(data) ;                      

                    }

                });

            })</p>

<p>

 

데이터 받는 php쪽

</p>

<p>echo json_encode(array('result'=>true, 'wr_1'=>$_POST['wr_1']));</p>

<p>

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

7년 전

1. 아래 코드와 같이 실패했을 때 결과를 찍어보세요. 

</p>

<p>$.ajax({

    type: 'post',

    dataType: 'json',

    url: '/ajax.php',

    data: {val1:'첫번째인자값', val2:'두번째인자값'},

    success: function (data) {

        console.log(data);

    },

    error: function (request, status, error) {

        console.log('code: '+request.status+"\n"+'message: '+request.responseText+"\n"+'error: '+error);

    }

});</p>

<p>

 

2. json 데이터를 주고 받기 때문에 PHP페이지도 json 형식이어야합니다. 

</p>

<p><?php</p>

<p>header("Content-Type:application/json");</p>

<p>

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

$("#result").html(data) ;

console.log(data);

이렇게해서 값이 어떻게 오는지 크롬요소검사 콘솔화면에서 확인해보세요

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

7년 전

dataType:'json', 을 삭제하고 시도해 보시죠.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인