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

ajax에서 가져온값 사용 질문드립니다. 채택완료

rlawhd 7년 전 조회 4,079

</p>

<p>$(document).ready(function(){

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

        // document.getElementById("myForm").submit();

        $.ajax({

            url: "./result.php",

            type: 'POST',

            dataType: 'JSON',

            data: $("form").serialize(),

            success: function(data){</p>

<p>--------이부분-----------------

        }});

    });</p>

<p> </p>

<p>

 

form에 있는 데이터들을 보낸후에 result.php에서 작업을 거치고

 

json_encode까지 끝냈습니다.

 

json_encode 값은 

[{"name":"홍길동","age":"2"},{"name":"김길수","age":"4"}] 이렇게 찍힙니다.

 

이걸 success부분에서 가져와서 innerhtml로 넣을려고 하는데

 

alert(data.name); 으로 찍어보면 undefined 만 뜹니다.

 

왜이럴까요?

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

답변 4개

채택된 답변
+20 포인트
7년 전

alert(data[0]["name"]); 해보시죠 ^^

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

답변에 대한 댓글 2개

r
rlawhd
7년 전
[ ] 이게 있어서

array(obejct) 인 형태인건가요??
나시
7년 전
array + hash 형태로 사용하는 방식이죠
index 가 숫자냐 아니냐의 차이 뿐이니까요
쓰는건 [] 안에 index 값이냐 hash key 냐의 차이 정도겠죠

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

cOOkIEJ
7년 전

혹시 모르니 데이터 값을 

</p>

<p>이 부분을 </p>

<p>success: function(response){</p>

<p>   console.log(response);</p>

<p>}</p>

<p>

 

이렇게도 확인해 보세요...^^

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

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

엘리아
7년 전

위에서 잘알려주셧듯이 console.log(data) 로 체킹해보새요

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

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

진서기
7년 전

크롬이나 파이어폭스 이용해서 디버깅 하시면 편합니다.

크롬에서 alert 말고 console.log(data);  해보세요.

 

http://api.jquery.com/jquery.each/

$.each 를 이용해서 처리하세요

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

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

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

로그인