티스토리 뷰

Web/Project

Ajax response에서 불러온 사진 불러오는 방법

부라더#수 2016. 1. 9. 18:41

간단히 오늘은 Ajax 에서 success가 떨어져 받아온 response의 내용 중

'사진'을 <body></body>에서 불러오는 법에 대해서 기록으로 남기려 합니다~




지금까지 response로 넘어온 내용들은 대개 "이름/학과/학번"과 같은 내용들이 었고, 이러한 부분들은

document.getElementById("id명").value = response[0].memberName; (배열) 의 형태로 대입하여 주었죠




하지만 아래의 사진에서 보시는 것 처럼 사진을 넣고 싶다면?








각각의 사진에 대해 /resources/image/taesu.PNG 와 같은 형식으로 경로를 받아와 

<img> 태그의 src에 넣어주어야 할텐데요!

이때 다음과 같이 처리하여 .html로 넣어주는 방법도 있습니다



<script></script>




<body></body>



저작자표시

'Web > Project' 카테고리의 다른 글

[2016-01-05 작업내용] .each() 함수를 사용한 데이터 출력  (3) 2016.01.06
[2016-01-03 작업내용] 코드화 적용 방법  (0) 2016.01.03
공유하기 링크
댓글