테스트 사이트 - 개발 중인 베타 버전입니다

자바스크립트 ajax 질문 드려요 채택완료

morrie 4년 전 조회 2,275

사이트를 만들면서 막히는 부분이 있어서 문의드립니다

 

현재 1번페이지에서 파라미터값을 넘긴다음 2번페이지에서 정보를 받아서

2번페이지에서 버튼을 클릭하여 데이터베이스에서 데이터를 가져와 화면에 보여지는 값들을 변경하려고 합니다

 

php로 데이터를 가져와 버튼을 3개를 만들었습니다

A    B    C     이 세개에 각각 데이터가 들어가 있고 이 버튼을 클릭했을때 

img src= 이 부분 이미지를 해당 버튼의 데이터에 맞는 이미지로 변경을 하고 싶습니다

현재는 변경은 되는데 새로고침이 되서요 새로고침을 안하고 하려면 ajax를 사용해야 한다는데

어떻게 스크립트를 짜야 하는지를 모르겠습니다

 

도움 부탁드립니다

 


 

function menu_select_02(it_id, t_idx, t_name) {
   location.href = "/main/service/product_view.php?it_id=" + it_id + "&ca_id1=" + t_idx + "&ca_id2=" + t_idx + "&ca_name2=" + t_name;
댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
진서기
4년 전

https://api.jquery.com/jquery.ajax/

 

https://offbyone.tistory.com/196

예제 보시고 응용해보세요.

 

2번페이지에 ajax 스크립트 작성하시고

예)


 

$.ajax({

method: "POST",

url: "some.php", //데이터가져올 PHP 처리 파일

data: { name: "John", location: "Boston" }//보낼 데이터

})

.done(function( msg ) {

    //완료되면 가져올 데이터 msg

    alert( "Data Saved: " + msg );

 

});

 

ajax 데이터를 가져올 페이지가 있어야 합니다.

파라미터를 받아서 json으로 값을 돌려 받으세요.

 

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

m
morrie
4년 전
답변 감사합니다~ 알려주신곳 들어가서 보면서 해볼께요~

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인