ajax를 사용하여 데이터베이스에서 값을 가져 오는 방법은 무엇입니까?

Question

몇 가지 선택 value.if 드롭 다운 가지고 그 값을 데이터베이스에서 다른 드롭 다운을 표시합니다. JSP 페이지 에서이 과정을하고있다. 첫 번째 드롭 다운 값은 (JSP로 코딩 된) 정적입니다.하지만 두 번째 드롭 다운 값은 첫 번째 드롭 다운이 변경 될 때 데이터베이스에서 가져옵니다.

여기에 아약스 또는 자바 스크립트를 구현해야합니까? 이 드롭 다운의 예를 들어 주시겠습니까?

하나의 드롭 다운에는 이름, 주소, 도시와 같은 정적 값이 있습니다.

<select id="search" onchange="menu_changed();"> 
           <option></option> 
           <option>name</option> 
           <option>address</option> 
           <option>city</option> 
           </select 

이제 데이터베이스 coloumn 이름 이름, 주소, 도시.

첫 번째 드롭 다운에서 "이름"을 선택한 경우 목록 이름으로 두 번째 드롭 다운을 사용하십시오.이 이름은 데이터베이스에서 가져온 것이어야합니다.

아이디어를 제공해주세요.

Answer 1

경우 jQuery를 여기에 읽기 시작 사용하는 것이 행복 http://api.jquery.com/jQuery.getJSON/

예를 들어해서 getJSON 전화 menu_changed 당신의 선택 박스 1 변경 이벤트를 가지고

var에 select1value = document.getElementById를 ('검색') 값을().;

$.getJSON('urlToYour.jsp?id='+select1value , function(data) { 
     write JavaScript code here to populate your 2nd drop down list using the JSON stored in the data variable); 
}); 

Answer 2

자바 스크립트는 아약스의 필수 조건입니다. AJAX는 비동기 Javascript 및 XML을 의미합니다. 여기서 xmlHttpRequest를 서버에 보내고 첫 번째 드롭 다운 상자에서 선택한 옵션에 따라 데이터베이스에서 두 번째 드롭 다운의 내용을 가져와야합니다. 자바 스크립트에서 응답을 얻으면이 값으로 두 번째 선택 상자를 채 웁니다. 이것은 첫 번째 드롭 다운 상자의 모든 변경 이벤트에서 발생합니다.