ajax實現動態下拉框[JFinal框架]
阿新 • • 發佈:2019-01-04
問題: 實現此效果,其中頁面型別是通過ajax查詢資料庫展示的效果
原因:
解決辦法:
前臺:
<div class="form-group">
<label class="col-lg-2 control-label">頁面型別</label>
<div class="col-lg-9">
<select id="select_list" name="issued_sub_key_c">
</select>
</div>
</div><script type="text/javascript">
$(function(){
$.ajax({
type: "POST", //提交方式
contentType: "application/json; charset=utf-8", //內容型別
dataType: "json", //型別
url: "${BASE_PATH}/info/keyword/selectList", //提交的頁面,方法名
data: null, //引數,如果沒有,可以為null
success: function (data) { //如果執行成功,那麼執行此方法
for (var i = 0; i < data.length; i++) {
$("#select_list").append("<option"+" "+"value="+data[i].tid+">"+data[i].typename+"</option>");
} //用data.d來獲取後臺傳過來的json語句,或者是單純的語句
},
error: function (err) { //如果執行不成功,那麼執行此方法
alert("err:" + err);
}
});
});
</script>controller中:
/**
* 下拉框動態顯示
* @return
*/
public void selectList(){
renderJson(Db.find("SELECT typename FROM t_stats_page_type"));
}