2016 - 2024

感恩一路有你

列表框动态添加数据的方法 谁知道怎么用ajax实现选择下拉框的时候动态从数据库读取数据吗?

浏览量:2167 时间:2021-03-16 04:15:42 作者:admin

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

首先做一个JSP页面,就像你通常根据ID查找数据一样,获取ID,然后根据ID查找数据。在页面上循环出表单。只是这个页面不能通过浏览器直接访问。相反,使用ajax异步请求页面。在当前操作页上,定义一个Div。获取responseText后,responseText的innerHTML值将被赋予Div。当触发下拉onchange事件时,将发送一个异步请求以将ID发送到服务器。这允许在不刷新页面的情况下进行动态更改。这很容易做到,但我没有现成的代码。

jquery如何将后台数据循环添加进下拉框?

&Ltselect id=“选择”>

<!--动态加载下拉框数据-->

</Select>

$(文档)。Ready(function(){//在这里,页面打开请求API

$。Ajax({

type:“get”,

URL:“{:URL(“room/housedata”)}”,

contenttype:“application/JSON charset=UTF-8”,

async:true,

datatype:“JSON”,

成功:函数(日期){

]var optionstring=“”

for(var j=0 j<)日期.长度) {

控制台.log(日期[j].房屋名称)控制台.log(日期[j].id)

选项字符串=“&L选项值= ”“日期[j].id”“”>“日期[j].house”名称“””</option>”

$(“选择“)”。HTML(“< option value=“0”>请选择。。。</option> “选项字符串)

},

错误:函数(MSG){图层.msg(“数据错误”!“”)]}

})

列表框动态添加数据的方法 js动态生成下拉框 js添加下拉框选项

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。