AJAX 動(dòng)態(tài)加載后臺(tái)數(shù)據(jù) 綁定select的方法
更新時(shí)間：2018年08月08日 10:45:30 作者：楊冬冬
今天小編就為大家分享一篇AJAX 動(dòng)態(tài)加載后臺(tái)數(shù)據(jù) 綁定select的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
直接上代碼 是可以用的，后臺(tái)代碼我就不貼了，我相信后臺(tái)代碼大家都會(huì)，直接返回json數(shù)據(jù)，我是前端比較差的，所以喜歡把每次不會(huì)的全部記起來
html代碼
<select id="select" style="width : 80px;height : 30px;"> //下拉框數(shù)據(jù)動(dòng)態(tài)加載 </select>
js代碼
$.ajax({
url: "", //后臺(tái)webservice里的方法名稱
contentType: "application/json; charset=utf-8",
type: "get",
async : true ,
dataType: "json",
success: function (date) {
var optionstring = "";
for (var j = 0; j < date.length;j++) {
optionstring += "<option value=\"" + date[j].id + "\" >" +"睡眠次數(shù)："+date[j].limitnumber+" 睡眠時(shí)間："+date[j].sleeptime + "</option>";
$("#select").html("<option value='0'>請(qǐng)選擇...</option> "+optionstring);
}
},
error: function (msg) {
alert("出錯(cuò)了！");
}
});
以上這篇AJAX 動(dòng)態(tài)加載后臺(tái)數(shù)據(jù) 綁定select的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了分享ajax的三種解析模式的相關(guān)資料,需要的朋友可以參考下2015-12-12
這篇文章主要介紹了IE8用ajax訪問不能每次都刷新的問題 的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-07-07
Ajax異步請(qǐng)求的五個(gè)步驟及實(shí)戰(zhàn)案例
通過在后臺(tái)與服務(wù)器進(jìn)行少量數(shù)據(jù)交換,Ajax可以使網(wǎng)頁實(shí)現(xiàn)異步更新,下面這篇文章主要給大家介紹了關(guān)于Ajax異步請(qǐng)求的五個(gè)步驟及實(shí)戰(zhàn)案例的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-08-08
asp簡單的ajax留言板...2006-09-09
json獲取數(shù)據(jù)庫的信息在前端頁面顯示方法
今天小編就為大家分享一篇json獲取數(shù)據(jù)庫的信息在前端頁面顯示方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-05-05
本篇文章跟大家介紹不用庫（框架）自己寫ajax，感興趣的朋友跟著腳本之家小編一起學(xué)習(xí)吧2015-10-10
這篇文章主要介紹了Ajax請(qǐng)求跨域問題解決方案,結(jié)合具體實(shí)例形式分析了Ajax請(qǐng)求跨域問題的原理、解決方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-05-05
這篇文章主要介紹了使用AJAX實(shí)現(xiàn)上傳文件，無需任何插件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-10-10
利用AjaxControlToolkit實(shí)現(xiàn)百度搜索時(shí)的下拉列表提示詳細(xì)步驟
AjaxControlToolkit是一組控件的集合，可以實(shí)現(xiàn)自動(dòng)補(bǔ)充文本框，點(diǎn)擊文本框彈出日歷，加水印等Ajax效果等等，感興趣的朋友可以了解下啊，或許本文對(duì)你學(xué)習(xí)ajax有所幫助2013-02-02
AJAX實(shí)現(xiàn)注冊(cè)驗(yàn)證用戶名
這篇文章主要為大家詳細(xì)介紹了AJAX實(shí)現(xiàn)注冊(cè)驗(yàn)證用戶名，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-03-03