AJAX 動(dòng)態(tài)加載后臺(tái)數(shù)據(jù) 綁定select的方法
直接上代碼 是可以用的,后臺(tái)代碼我就不貼了,我相信后臺(tái)代碼大家都會(huì),直接返回json數(shù)據(jù),我是前端比較差的,所以喜歡把每次不會(huì)的全部記起來(lái)
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的方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
ajax 操作全局監(jiān)測(cè),用戶session失效的解決方法
下面小編就為大家?guī)?lái)一篇ajax 操作全局監(jiān)測(cè),用戶session失效的解決方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06ajax實(shí)現(xiàn)服務(wù)器與瀏覽器長(zhǎng)連接的功能
這篇文章主要介紹了ajax實(shí)現(xiàn)服務(wù)器與瀏覽器長(zhǎng)連接的功能的相關(guān)資料,感興趣的小伙伴們可以參考一下2016-04-04ajax快速解決參數(shù)過(guò)長(zhǎng)無(wú)法提交成功的問(wèn)題
下面小編就為大家?guī)?lái)一篇ajax快速解決參數(shù)過(guò)長(zhǎng)無(wú)法提交成功的問(wèn)題。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-12-12AJax 學(xué)習(xí)筆記一(XMLHTTPRequest對(duì)象)
今天學(xué)習(xí)了點(diǎn)關(guān)于XMLHttpRequest對(duì)象的一些方法和屬性,有點(diǎn)體會(huì),在這里也想記錄起來(lái)。2010-04-04Ajax實(shí)現(xiàn)省市縣三級(jí)聯(lián)動(dòng)
這篇文章主要為大家詳細(xì)介紹了Ajax實(shí)現(xiàn)省市縣三級(jí)聯(lián)動(dòng),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-03-03ajax實(shí)現(xiàn)的提交文章前進(jìn)行敏感詞審核的代碼
在做“文章敏感詞匯審核”功能的時(shí)候,開始在把“審核”放在插入數(shù)據(jù)庫(kù)的時(shí)候,后來(lái)想有一個(gè)功能,能在用戶點(diǎn)擊“提交”按鈕的時(shí)候,給一個(gè)提示。這樣相對(duì)“友好”那么點(diǎn)。2010-02-02一個(gè)簡(jiǎn)單的ASP+AJAX留言本源碼下載
一個(gè)簡(jiǎn)單的ASP+AJAX留言本源碼下載...2007-06-06利用 Linq+Jquery+Ajax 實(shí)現(xiàn)異步分頁(yè)功能可簡(jiǎn)化帶寬壓力
網(wǎng)上的分頁(yè)方法甚多,但都太過(guò)于消耗帶寬,所以我想到了用Ajax來(lái)分頁(yè),利用返回的Json來(lái)處理返回的數(shù)據(jù),大大簡(jiǎn)化了帶寬的壓力2014-05-05Ajax+smarty技術(shù)實(shí)現(xiàn)無(wú)刷新分頁(yè)
這篇文章主要介紹了Ajax+smarty技術(shù)實(shí)現(xiàn)無(wú)刷新分頁(yè)的相關(guān)資料,需要的朋友可以參考下2016-03-03零基礎(chǔ)學(xué)習(xí)AJAX之AJAX框架
本文是零基礎(chǔ)學(xué)習(xí)AJAX系列教程的第二篇,我們介紹點(diǎn)不一樣的知識(shí),學(xué)習(xí)下ajaxLib和ajaxGold兩款框架,方便我們更好的理解ajax.2015-01-01