列表框動態(tài)添加數(shù)據(jù)的方法 誰知道怎么用ajax實現(xiàn)選擇下拉框的時候動態(tài)從數(shù)據(jù)庫讀取數(shù)據(jù)嗎?
誰知道怎么用ajax實現(xiàn)選擇下拉框的時候動態(tài)從數(shù)據(jù)庫讀取數(shù)據(jù)嗎?首先做一個JSP頁面,就像你通常根據(jù)ID查找數(shù)據(jù)一樣,獲取ID,然后根據(jù)ID查找數(shù)據(jù)。在頁面上循環(huán)出表單。只是這個頁面不能通過瀏覽器直接
誰知道怎么用ajax實現(xiàn)選擇下拉框的時候動態(tài)從數(shù)據(jù)庫讀取數(shù)據(jù)嗎?
首先做一個JSP頁面,就像你通常根據(jù)ID查找數(shù)據(jù)一樣,獲取ID,然后根據(jù)ID查找數(shù)據(jù)。在頁面上循環(huán)出表單。只是這個頁面不能通過瀏覽器直接訪問。相反,使用ajax異步請求頁面。在當前操作頁上,定義一個Div。獲取responseText后,responseText的innerHTML值將被賦予Div。當觸發(fā)下拉onchange事件時,將發(fā)送一個異步請求以將ID發(fā)送到服務器。這允許在不刷新頁面的情況下進行動態(tài)更改。這很容易做到,但我沒有現(xiàn)成的代碼。
jquery如何將后臺數(shù)據(jù)循環(huán)添加進下拉框?
&Ltselect id=“選擇”>
<!--動態(tài)加載下拉框數(shù)據(jù)-->
</Select>
$(文檔)。Ready(function(){//在這里,頁面打開請求API
$。Ajax({
type:“get”,
URL:“{:URL(“room/housedata”)}”,
contenttype:“application/JSON charset=UTF-8”,
async:true,
datatype:“JSON”,
成功:函數(shù)(日期){
]var optionstring=“”
for(var j=0 j<)日期.長度) {
控制臺.log(日期[j].房屋名稱)控制臺.log(日期[j].id)
選項字符串=“&L選項值= ”“日期[j].id”“”>“日期[j].house”名稱“””</option>”
$(“選擇“)”。HTML(“< option value=“0”>請選擇。。。</option> “選項字符串)
},
錯誤:函數(shù)(MSG){圖層.msg(“數(shù)據(jù)錯誤”!“”)]}
})