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