ajax에서 가져온값 사용 질문드립니다.
본문
$(document).ready(function(){
$("#button").click(function(){
// document.getElementById("myForm").submit();
$.ajax({
url: "./result.php",
type: 'POST',
dataType: 'JSON',
data: $("form").serialize(),
success: function(data){
--------이부분-----------------
}});
});
form에 있는 데이터들을 보낸후에 result.php에서 작업을 거치고
json_encode까지 끝냈습니다.
json_encode 값은
[{"name":"홍길동","age":"2"},{"name":"김길수","age":"4"}] 이렇게 찍힙니다.
이걸 success부분에서 가져와서 innerhtml로 넣을려고 하는데
alert(data.name); 으로 찍어보면 undefined 만 뜹니다.
왜이럴까요?
답변 4
alert(data[0]["name"]); 해보시죠 ^^
[ ] 이게 있어서
array(obejct) 인 형태인건가요??
array + hash 형태로 사용하는 방식이죠
index 가 숫자냐 아니냐의 차이 뿐이니까요
쓰는건 [] 안에 index 값이냐 hash key 냐의 차이 정도겠죠
크롬이나 파이어폭스 이용해서 디버깅 하시면 편합니다.
크롬에서 alert 말고 console.log(data); 해보세요.
http://api.jquery.com/jquery.each/
$.each 를 이용해서 처리하세요
위에서 잘알려주셧듯이 console.log(data) 로 체킹해보새요
혹시 모르니 데이터 값을
이 부분을
success: function(response){
console.log(response);
}
이렇게도 확인해 보세요...^^
답변을 작성하시기 전에 로그인 해주세요.