ajax动态地向下拉列表中添加数据

ajax动态地向下拉列表中添加数据
1。前台jsp,一个新的下拉控件
在2。js的一部分,我们建立了一个函数的方法,利用Ajax技术指向servlet部分of'getalltypes。行动,从下拉列表中的数据动态填充。
功能负载类型(){
(美元)
getalltypes行动,
函数(数据){
SEL = $(var $ # seldvd );
/ / console.log(数据);
对于(var i = 0;i < data.length;i++){
$ =(选项);
item.val美元(数据{我},ID); / /添加选项值,使用ID和类型在数据库中保存的数据
item.html美元(数据{我}。型); / /添加选项数据
sel.append美元($项); / /添加选项为选择
}
},'json
);
}
三.创建一个新的servlet页面以将数据返回到Ajax
public void doGet(HttpServletRequest请求,HttpServletResponse响应)
抛出IOException {返回,
request.setcharacterencoding(UTF-8);
ArrayList类型表=新的ArrayList();
typedao TD =新typedao();
类型表= td.getalltypes();
jsonarray ARR =新jsonarray(TypeList); / / JSON数据包需要进口来
字符串jsstring = arr.tostring();
对客户机的响应
request.setcharacterencoding(UTF-8);
response.setcontenttype(文本/平原;字符集= UTF-8);
(响应。getWriter)。打印(jsstring); / / JSON数据格式下拉列表返回
}
4。那么问题是,数据源在哪里当然,在数据库(MySQL)中,所以你必须编写一个方法来读取数据库中的数据。
typeinfo.java
进口java.io.serializable;
公共类的类型信息实现了Serializable {
私有int id;
私有字符串类型;
public int getID(){
返回ID;
}
公共无效的压缩文件SetID(int ID){
this.id = ID;
}
公共字符串GetType(){
返回类型;
}
公共无效设备(String类型){
this.type =型;
}
公共类型信息(){
}
公共类型信息(int ID字符串类型){
this.id = ID;
this.type =型;
}
}
TypeDao.java(需要进口的JDBC包)
进口java.sql.connection;
进口java.sql.preparedstatement;
进口java.sql.resultset;
进口java.util.arraylist;
进口model.typeinfo;
公共课typedao延伸basedao {
市民ArrayList getAllTypes(){
ArrayList类型表=新的ArrayList();
连接= null;
PreparedStatement PSM = null;
结果集RS = null;
{试
对super.getconnection();
Psm = con.preparestatement(SELECT * FROM类型);
RS = psm.executequery();
而(rs.next()){
类型信息类型=新的类型信息();
Types.setId(rs.getint(1));
Types.setType(rs.getstring(2));
TypeList.add(类型);
}
} catch(异常E){
System.out.println(显示所有类型的错误:+ e.getmessage());
最后,{ }
super.closeall(RS,PSM,CON);
}
返回类型表;

}
}
4。很好,使用Tomcat,现在打开网页,下拉列表可以显示数据。
以上是ajax动态添加数据到下拉列表的实现方法。希望能对你有所帮助。如果你有任何问题,请给我留言,萧边会及时给您回复。谢谢您支持网站。

tag:添加数据动态列表中电脑软件AJAX

相关内容