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

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

先做一个JSP页面,就和你正常情况下根据ID查数据一样,得到ID,根据ID查询出数据。

循环出表格在页面上。

只是这个页面不会通过浏览器直接访问。

而是用ajax的异步去请求这个页面。

在你的当前 *** 作页面上,定义一个div。

在取得responseText后,将responseText的值innerHTML给div。

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

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

做起来挺简单的,只是我现在没有现成的代码。

在输入框加一个onkeyup时间,用setTimeout()函数1.5S向后台请求一次。

ajax你可以用JQuery库,因为你要自己写的话代码有点多。

比如用get()方式提交:

$.get(“你的URL", { name: "John", time: "2pm" }--这个是提交的参数,键值对,

function(data){--这个是从后台响应后调用的函数。data是后台返回的值。

alert("Data Loaded: " + data)

--在这里你得到数据了就好办了。

--建议你后台组装成json格式的字符串输出,这个用eval(data)得到json对象。然后取出你要的值。

})

首先你得从后台获取德奥数据库的内容,然后转发到jsp页面,通过jstl或者el来读取后台传入过来的内容。

后台可以把数据库查询到的数据放在一个数组或者是集合中,然后使用request.getRequestDispatcher.forward()把数据或者集合传到前台的下拉菜单的页面中,再在前台下拉菜单页面中使用<select><c:foreach><option value='xxx'>来遍历后台传出来的数据或者集合的内容

后台很容易实现,至于前台页面如果你不会jstl和el 的话可以上网看下对应用法,基本认真看的话2个小时就可以掌握基础了


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/sjk/9391202.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-27
下一篇 2023-04-27

发表评论

登录后才能评论

评论列表(0条)

保存