모달창으로 이미지 3개중에 하나를 선택하게 할거고 저장을 누르면 db에 저장이 되도록 하게 

만들고 싶습니다. 일단 페이지 이동을 하진 않아서 저장누르면 db에 저장된 저 이미지가 뜨도록 

하게 하고싶은데..어떻게 짜야할까요..? 

html 코드는 

<div>

<img id="img1">

<img id="img2">

<img id="img3">

</div>

<button class="btn_submit">등록</button>

이런느낌으로 만들었습니다. 

ajax를 사용하여 이동하게 하고 싶은데.. 

$('.btn_submit').on("click",function(e){

$.ajax({

type : "POST",

url : "/iqr/iqr_write",

data : "ansMood": $('#img1').val(), 

success : function(){

alert(' 등록 완료!');

location.reload();

}, error : function(){

alert('등록 실패');

}

});

})

이런식으로 짜려고 하는데.. 지금 걸리는건 두가지 인데요

1.

data : "ansMood": $('#img1').val() 부분에.. 이게 이미지라서 value를 이렇게 사용해도 저장이 되나요..?

나중에 저장된 이미지를 가져와서 보여주어야 하는데 어떤식으로 구현을 해야할까요?

2.

제가 처음에 이 페이지를 로드하면 바로 저 모달창이 나오도록 구현을 해놓았는데요

등록이 완료된 후에 location.reload()하면 모달창이 다시 뜨겠죠..? 전 저장하면 저 모달창이 안떴으면 

좋겠는데 어떤걸 사용해야할까요..?