java中使用$.ajax建立下拉選項
從資料庫中取出相應資料,存在list中,下面直接從servlet講:,
-
servlet:
在servlet中,將儲存在list中的資料,轉為json型別:
相應程式碼:
Gson gson = newGson();//建立Gson物件
String jsonStr = gson.toJson(list);//將list轉為json字串
PrintWriter out = response.getWriter();
out.print(jsStr);//將轉化後的字串,輸送到jsp類
-
jsp
-
對應的下拉框
<div class="form-group">
<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>");
}
}
})
});