谁知道怎么用ajax实现选择下拉框的时候动态从数据库读取数据吗

谁有这样的例子,麻烦给一个

我想实现这样的效果:上面有个下拉框,用户选择其中一个选项的时候,下面的表格会自动改动内容。

表格的内容是根据s_id的不同而变化,所以我需要在用户选择下拉列框后让s_id自动改变值,
并让表格自动根据s_id从数据库取数据。

加载这个表格是根据选择的s_id , 然后根据这个s_id从数据库取数据读进表格里。

怎么改动我的代码呢?我目前的代码实现不了

每次选择下拉框的时候去服务器查找数据.然后返回相应的内容.

第1个回答  推荐于2016-06-11
先做一个JSP页面,就和你正常情况下根据ID查数据一样,得到ID,根据ID查询出数据。
循环出表格在页面上。
只是这个页面不会通过浏览器直接访问。
而是用ajax的异步去请求这个页面。

在你的当前操作页面上,定义一个div。
在取得responseText后,将responseText的值innerHTML给div。

当触发下拉的onchange事件,就发送一个异步请求,将ID传到服务端。

这样就可以动态改变了,不会刷新页面。

做起来挺简单的,只是我现在没有现成的代码。本回答被提问者采纳
第2个回答  2008-07-02
楼上的回答和我想的查不多,我也需要这样的例子指导一下,希望知道的人能提供一个实例

如何将下拉菜单的数据从数据库中读取出来
用AJAX,在页面不跳转的情况下完成动态菜单的加载, 如楼上的朋友说的:如果是java的你可以在地址栏输入一个action或是servlet的路径 之前,我们的项目中曾多次用到这个,像组织机构树之类的,

怎么使用ajax或jquery动态刷新下拉菜单里的值
只要检测document和window对象的高度,在一个滚动事件中利用他们的关系约束,触发一个自定义的函数即可实现这是基于 options ,在 options 获取失去焦点事件 或者 下拉项选中事件 重新刷新数据这样做便于控制下拉列表何时显示隐藏,无法取消(我尝试过阻止默认事件,这方面成熟的jquery插件也不少,结果没有反应...

...下拉列表框获取第一个下拉列表框从数据库返回选中的值?
有两种方法:第一是,把所有对应内容都存储在页面的隐藏层中,用哪部分显示哪个,但是如果有人要了解你的数据库结构的话也是一目了然 第二是,利用动态无刷新技术,即AJAX实现 如果有不明白的地方,可以给我的Q留言,能帮的尽量帮,289879822

...从数据库中调出数据,自动填充到其他的文本 用 ajax
1 创建xmlHttpRequest对象 xmlhttp 2 发送请求给服务器xmlHttp.open('GET',url,false);3 得到返回的数据 string str = xmlHttp.responseText;4 给文本框赋值 document.getElementById('文本框id').value = str;细节你自己写一下就ok了

ajax获取数据库数据 求助一2级下拉框的级
1、首先在数据库中获取第一个下拉框的数据: 后台处理:Autowired private CustomMaManager custommamanager;\/\/注解相当的好用啊,代码都省了一大截 tsfrom1 = custommamanager.getTsFrom();Service:\/\/得到投诉来源 public List<CustomManage> getTsFrom(){ return custommanagedao.getTsFrom();} ...

利用wicket框架,怎么样动态从数据库取得下拉框的值。
DropDownChoice的联动处理。typeChoice加个事件 typeChoice.add(new AjaxFormComponentUpdatingBehavior("onchange") ,根据typeChoice的值更新mapChoice的内容。

JSP下拉列表与数据库的连接
你说的是二级以上联动吗,如果你想用静态联动的话,用ajax可以实现用javascript把不前列表里选中的记录获取出来通过ajax技术传给你的动态页面,动态页面到数据库中把记录查出来在返回给这个静态页面就一级的话直接把数据库的记录输出到下拉列表里就可以了 ...

如何使用Ajax实现,下拉框的效果?
给你思路,当点击下拉框的时候调用ajax,进入后台访问数据库,再把数据回调到页面,显示打印在下拉框内

...HTML页面 ajax 怎么写一个从数据库获取数据的 二级联动的下拉菜单...
用js先写个带参方法,参数就是2级联动的对象obj写个ajax data参数就是obj.value, value传给后台获取数据返回给ajax,然后ajax做你想做的页面处理。。。function getData(obj) {var opt = obj.options[obj.selectedIndex]\/\/alert("The option you select is:"+opt.text+"("+opt.value+")");...

java ajax怎么在一张网页中点击查询按钮,回查询该网页下拉列表中的值...
思路可以这样,下拉控件添加事件,再采用ajax去后台查询数据,并返回json数据,再通过ajax回调函数,组装表格并显示

相似回答