ajax 통신 json 값 질문 드려요~

Question

안녕하세요 독학 코린이예요선배님들 문의 드려용~위와 같이 json 방식으로 ajax 통신으로 데이터를 가져왔어요~ $.each(response, function (key, val) { var name &#61; key; var name2 &#61; val; console.log(name) console.log(name2)이렇게 놨을 때는 키와 밸류가 잘 오는데요 var name &#61; key.result; var name2 &#61; val.result; 하면 값이 undefinded 이렇게 뜨네요 ㅠㅠ 왜 이런걸까요? 감사합니다

dev_jian · Accepted Answer

안녕하세요, 데브지안입니다.띠용 독학하시는데 제이쿼리를 배우셔서 당황했어요.저두 웹 개발 공부중인데, 저는 이거 옛날 기술인줄 알았거든요. 질문하신 부분은 $.each()에 대한 이해가 필요하신 부분인데요.첫 번째 인자(배열 또는 객체)를 반복하는데, 반복할 때마다 두 번째 인자로 전달된 콜백함수가 호출되는 형식이에요!따라서 님의 경우 response 객체 내부를 순환하는데, 콜백함수의 인자로 받아지는 key, val은 다음과 같아요.1. key &#61; &#34;result&#34;, val &#61; &#34;OK&#34;2. key &#61; &#34;total_page&#34;, val &#61; &#34;1&#34;3. key &#61; &#34;page&#34;, val &#61; &#34;1&#34;4. ..... (쭉쭉 이어감)따라서 각각의 key와 val은 문자열이기 때문에 key.result와 같은 접근이 안되는 것이에요! 이건 공부하실 때 도움이 되실 것 같아서 기재합니다!이제는 ES6 문법을 사용해서, var를 잘 안쓰는 추세에요! 아래를 참고하시면 앞으로 도움이 되실 것 같고, 해당 카테고리의 다른 글도 제가 자바스크립트 배우면서 정리한 건데 도움이 되셨으면 좋겠습니다!https://devjian.tistory.com/12

코린이예요 · Answer

감사합니다~~~~

코린이예요 · Answer

그럼 빼서 쓰려면 어케해야해요? ㅠㅠ?

woo.s.o · Answer

$.each는 반복문입니다정확하게는 forEach 문이라고 볼 수 있겠죠. 예시 javascript for(key in json) { alert('key:' &#43; key &#43; ' / ' &#43; 'value:' &#43; json[key]);} php -> foreach($response as $key&#61;>$val) 따로 쓰시려면 $.each문 밖에서 'response.result' 이렇게 쓰셔야죠JSON 형식의 key, value인 경우는 스크립트에서 변수.key로 쓰시고 value가 array 인 경우는 변수.key[배열값] 이런형식으로 쓰셔야 할겁니다. 아래 사이트에 가서 json의 개념과 데이터 다루기를 한번 읽어보시길 추천 드립니다.https://java119.tistory.com/54

코린이예요 · Answer

woo.s.o님 감사합니다~~~~~

ajax 통신 json 값 질문 드려요~

5개의 답변

Q&A 목록