자바스크립트 fetch 질문드립니다.

Question

fetch를 통해서 php로 출력하는 json 데이터를 가져와서 html에 출력하려고 합니다.그런데 console.log를 통해 확인해보면, json 데이터를 정상적으로 가져오는 것이 확인 되는데 html_src변수에는 반영이 되지 않습니다.어떤 이유로 반영이 안 되는지, 그리고 해결 방법을 알고 싶습니다.

Clickin · Answer

html_src는 DOM 요소를 셀렉터로 가져오신걸까요? 아니면 그냥 document.querySelector("#src").innerHtml() 같은 식으로 텍스트만 가져오신걸까요어쨌든 해당 dom에다가 innerHtml을 집어넣어주시던가 아에 dom 객체를 하나 새로 만들어서 대체하던가 해야 적용이 됩니다javascript는 String이 원시 값이라서 주소 참조가 아니라 값을 직접 복사하기 때문에 반환받은 값을 바꾸신다고 원본이 달라지지 않습니다.참조자료 https://alstn2468.github.io/Javascript/2020-05-08-ValueTypeReferenceType

Gear · Answer

반영되지 않았다는 것은 문자열 값이 변경되지 않았다는 것을 의미 하겠지요그 확인을 어떻게 하셨는지 서술해주지 않으셨기 때문에 정확하게는 알 수 없습니다.그러나 매우 높은 확률로 비동기에 대한 이해가 없거나 부족 하셔서 그랬을 가능성이 있어 보입니다.예를 들어서 아래와 같은 경우일 것이라 추측되네요:let name = "gear"; setTimeout(() => { name = "hello world"; }); alert(name); // "gear" 출력만일 제가 생각한대로의 이유이며 왜 "hello world"가 아니라 "gear"가 출력 되는지 이해할 수 있게 된다면, 해결할 수 있습니다.

자바스크립트 fetch 질문드립니다.

2개의 답변

기술 목록