java中使用$.ajax创建下拉选项
2017-09-25 23:22
239 查看
从数据库中取出相应数据,存在list中,下面直接从servlet讲:,
servlet:
在servlet中,将存储在list中的数据,转为json类型:
相应代码:
Gson
gson =
new
Gson();//创建Gson对象
String
jsonStr =
gson.toJson(list);//将list转为json字符串
PrintWriter out = response.getWriter();
out.print(jsStr);//将转化后的字符串,输送到jsp类
jsp
对应的下拉框
<div
class="form-group">
<label
for="theid"class="col-sm-2
control-label">主题:</label>
<div
class="col-sm-6">
<select
class="form-control"name="theid"
id="theid">
</select>
</div>
</div>
对应的ajax代码
$(function(){
// ajax
请求servlet获取
主题数据
$.ajax({
url:"${pageContext.request.contextPath}/theMe/TheMeServlet?method=findAllTheme",
type:"POST",
dataType:"json",
cache:false,
async:true,
success:function(data){
for(var
i = 0;i<data.length;i++){
//alert(data[i].);
$("#theid").append("
<option id='" + data[i].theid +
"'>" + data[i].thename+
"</option>");
}
}
})
});
从数据库中取出相应数据,存在list中,下面直接从servlet讲:,
servlet:
在servlet中,将存储在list中的数据,转为json类型:
相应代码:
Gson
gson =
new
Gson();//创建Gson对象
String
jsonStr =
gson.toJson(list);//将list转为json字符串
PrintWriter out = response.getWriter();
out.print(jsStr);//将转化后的字符串,输送到jsp类
jsp
对应的下拉框
<div
class="form-group">
<label
for="theid"class="col-sm-2
control-label">主题:</label>
<div
class="col-sm-6">
<select
class="form-control"name="theid"
id="theid">
</select>
</div>
</div>
对应的ajax代码
$(function(){
// ajax
请求servlet获取
主题数据
$.ajax({
url:"${pageContext.request.contextPath}/theMe/TheMeServlet?method=findAllTheme",
type:"POST",
dataType:"json",
cache:false,
async:true,
success:function(data){
for(var
i = 0;i<data.length;i++){
//alert(data[i].);
$("#theid").append("
<option id='" + data[i].theid +
"'>" + data[i].thename+
"</option>");
}
}
})
});
相关文章推荐
- 博为峰Java技术文章 ——JavaSE Swing使用ComboBoxModel创建下拉列表框Ⅲ
- 博为峰Java技术文章 ——JavaSE Swing使用ComboBoxModel创建下拉列表框Ⅰ
- 博为峰Java技术文章 ——JavaSE Swing使用ComboBoxModel创建下拉列表框Ⅰ
- 博为峰Java技术文章 ——JavaSE Swing使用ComboBoxModel创建下拉列表框Ⅲ
- 博为峰Java技术文章 ——JavaSE Swing使用数组和Vector创建下拉列表框
- 简化 Ajax 和 Java 开发,第 4 部分: 使用 JSP 标记文件创建 JSF 样式的组件
- JavaScript基础 下拉列表 使用js创建option选项
- Ajax入门(与Java服务器交互)(三)——解析XML数据、使用级联下拉选择框
- 博为峰Java技术文章 ——JavaSE Swing使用数组和Vector创建下拉列表框
- JavaScript基础 下拉列表 使用js创建option选项
- 博为峰Java技术文章 ——JavaSE Swing使用ComboBoxModel创建下拉列表框Ⅱ
- 博为峰Java技术文章 ——JavaSE Swing使用ComboBoxModel创建下拉列表框Ⅱ
- 面向 Java 开发人员的 Ajax: 结合 Direct Web Remoting 使用 Ajax----数据序列化不可能比这更简单了!
- JAVA组件大全 复选框、选项按钮、列表方框、下拉式列表的使用与介绍
- 免费使用Anole示例——动态创建带有排序功能和下拉列表风格的组合框
- 使用asp.net ajax创建Extender控件
- 使用asp.net ajax创建Extender控件
- .NET中一般处理程序(ashx)在Ajax中的使用--下拉列表的动态级连
- 重新找回 Java 的感觉,推荐在项目中使用 AJAX
- AjaxControlToolkit 微软出的ajax.net 工具使用教程二十三 DropDownExtender(下拉对话框)控件的使用