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>
controller中:<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>
/**
* 下拉框動態顯示
* @return
*/
public void selectList(){
renderJson(Db.find("SELECT typename FROM t_stats_page_type"));
}