AJAX 動態(tài)加載后臺數(shù)據(jù) 綁定select的方法
更新時間:2018年08月08日 10:45:30 作者:楊冬冬
今天小編就為大家分享一篇AJAX 動態(tài)加載后臺數(shù)據(jù) 綁定select的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
直接上代碼 是可以用的,后臺代碼我就不貼了,我相信后臺代碼大家都會,直接返回json數(shù)據(jù),我是前端比較差的,所以喜歡把每次不會的全部記起來
html代碼
<select id="select" style="width : 80px;height : 30px;"> //下拉框數(shù)據(jù)動態(tài)加載 </select>
js代碼
$.ajax({ url: "", //后臺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+" 睡眠時間:"+date[j].sleeptime + "</option>"; $("#select").html("<option value='0'>請選擇...</option> "+optionstring); } }, error: function (msg) { alert("出錯了!"); } });
以上這篇AJAX 動態(tài)加載后臺數(shù)據(jù) 綁定select的方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
ajax 操作全局監(jiān)測,用戶session失效的解決方法
下面小編就為大家?guī)硪黄猘jax 操作全局監(jiān)測,用戶session失效的解決方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-06-06利用 Linq+Jquery+Ajax 實現(xiàn)異步分頁功能可簡化帶寬壓力
網(wǎng)上的分頁方法甚多,但都太過于消耗帶寬,所以我想到了用Ajax來分頁,利用返回的Json來處理返回的數(shù)據(jù),大大簡化了帶寬的壓力2014-05-05