ajax data를 밖으로 꺼내서 에서 사용하는 방법

Question

안녕하세요. 오키 선배님들 ajax 로 불러오기를 성공한 데이터를, ajax 밖에서 사용하는 방법에 대해 질문드렸습니다.어제부터, 오늘도 하루 종일 구글링에, GPT 도움을 받아 답을 찾아보려 했으나 아직 해결이 안되어 답답한 마음에질문 올리게 되었습니다. 선배님들 자유로운 답변 달아주시면 이를 통해 조금 더 배울 수 있을 것 같습니다! 미리 감사인사 남기겠습니다. 🤗ajax 데이터 불러오기를 성공했을 때에, resultObj를 출력해보면, 데이터는 정상입니다. array data가 들어있습니다. success 하면, 그 안에서 html을 그려서 데이터를 붙여 넣어보기도 하고, id 로 text를 붙여보기도 하고 여러가지 방법을 썼으나, 일부가 성공하면 일부가 따라오지 않아 원하는 UI 형태를 유지할 수 없었습니다. 온전히 UI를 살리려면, 를 사용해야 하는 환경입니다. 같은 jsp파일 안에 다른 데이터(B)를 불러오는 함수가 있어, 다른 데이터를 임시로 넣어보니 성공함을 확인했습니다. , 이 처럼 테스트해보니 데이터와 UI가 제대로 구현됨을 확인했습니다. 이처럼 ajax가 data불러오기를 성공했을 때의, resultObj를 밖으로 빼와서 이렇게 작업을 하고 싶습니다. resultObj를 밖으로 빼올 수 있는 방법에 대해 여쭙고 싶습니다. function fn_getNewsData() { $.ajax({ url : 'https://www.example.com', crossDomain : true, dataType : "json", type : "GET", crossOrigin : true, data : {}, success : function(resultObj) { console.log(resultObj, "--resultObj") // array data 확인 ruturn resultObj // 이렇게 리턴해도 이 함수 밖에서 resultObj를 꺼내 쓸 수 없었습니다. } }, error : function(jqXHR, textStatus, errorThrown) { console.log(jqXHR + "||" + textStatus + "||" + errorThrown); } }) }

">

Clickin · Accepted Answer

조금만 더 생각해보시면 불가능하다는걸 아실 수 있을텐데요jstl은 JSP 파싱 단계에서 적용되는데 모두 끝난 이후 클라이언트단에서 ajax로 추가하는건 불가능합니다.처음부터 ajax로 가져와 jquery등으로 ui를 그리도록 로직을 변경하시던지아니면 아래 링크의 방법처럼 별도의 jsp를 만들고 억지로 html을 그려내는 수밖에 없습니다.https://backstreet-programmer.tistory.com/105

yeori · Answer

님이 기차타고 대전역에서 내렸는데, 깜빡 잊고 가방을 안챙겼어요.그래서 님은 플랫폼에서 아까 그 기차가 오기를 기다리는 중입니다.지금 이런 상황입니다.c:forEach는 이미 서버에서 다 처리됐습니다. 브라우저에서 ajax를 날리는 시점에 이미 c:forEach는 김천으로 가고 없습니다.

keeradsf · Answer

웹개발 첫째관문이 서버딴 과 클라이언딴 구별하는게 제일 우선입니다.이거 판단 안되면 뭘해도 혼동되고 생각 대로 안될 겁니다.

멍멍이123 · Answer

답변 달아주신 선배님들 감사합니다. 덕분에 큰 것 배웠던 하루였습니다. backend에서 가지고 오는 방법을 사용하던, 어떻게든 html을 그리는 방법을 찾아야겠습니다!

중구청 · Answer

ajax에서 가져와서 그리려면 swiper-wrapper div를 선택자로가져와서 해당 div에 append해주면될거같은데요 아님 .html이엇나

ajax data를 밖으로 꺼내서 <c:forEach> 에서 사용하는 방법

5개의 답변

Q&A 목록