如何使用ajax从数据库中获取值?

时间:2010-07-11 05:23:42

标签: jquery ajax jsp

我有一些可选值的下拉列表。如果基于此更改那些值将显示另一个带有来自database的值的下拉列表。我正在jsp页面中执行此过程。第一个下拉值是静态的(以jsp编码)。但是当第一次下拉列表发生更改时,下拉列表值来自数据库。

这里我需要实现ajax或javascript?你能告诉我这个下拉的例子。

一个下拉列表有静态值,如姓名,地址,城市等。

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

现在,数据库coloumn名称,地址,城市就是这样。

如果我在第一个下拉列表中选择“name”,请启用带有列表名称的第二个下拉列表。这个名称应该来自数据库。

请把你的想法告诉我。

2 个答案:

答案 0 :(得分:1)

如果您乐意使用jQuery开始阅读http://api.jquery.com/jQuery.getJSON/

让你的selectbox 1更改事件menu_changed调用getJSON例如

var select1value = document.getElementById('search')。value();

   $.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);
});

答案 1 :(得分:0)

javascript是ajax的必备要求。 AJAX意味着异步Javascript和XML。 在这里,您需要向服务器发送xmlHttpRequest,并根据第一个下拉框中的选定选项从数据库中获取第二个下拉列表的内容。当您在javascript中获得响应时,请使用这些值填充第二个选择框。这将发生在第一个下拉框

的每个onchange事件中