미채택 완료

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

2018-11-05 (월) 05:10:24 5,969

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

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

ajax쪽 소스

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

 

$('.gnb_2da').click( function() {
                    $.ajax({
                    url:'/shop/test3/product.php',
                    dataType:'json',
                    type:'POST',
                    data:{wr_1:$(this).attr('value')},
                    success:function(data){                       
                          $("#result").html(data) ;                      
                    }
                });
            })

데이터 받는 php쪽

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

답변 3개

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

Copy
$.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);
    }
});

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

Copy
<?php

header("Content-Type:application/json");
2018-11-05 (월) 09:25:14

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

console.log(data);

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

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

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