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ì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

直接上代碼是可以用的，后臺(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+"&nbsp;&nbsp;睡眠時(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的三種解析模式
這篇文章主要介紹了分享ajax的三種解析模式的相關(guān)資料,需要的朋友可以參考下
2015-12-12
IE8用ajax訪問(wèn)不能每次都刷新的問(wèn)題
這篇文章主要介紹了IE8用ajax訪問(wèn)不能每次都刷新的問(wèn)題的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-07-07
Ajax異步請(qǐng)求的五個(gè)步驟及實(shí)戰(zhàn)案例
通過(guò)在后臺(tái)與服務(wù)器進(jìn)行少量數(shù)據(jù)交換,Ajax可以使網(wǎng)頁(yè)實(shí)現(xiàn)異步更新,下面這篇文章主要給大家介紹了關(guān)于Ajax異步請(qǐng)求的五個(gè)步驟及實(shí)戰(zhàn)案例的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-08-08
asp簡(jiǎn)單的ajax留言板
asp簡(jiǎn)單的ajax留言板...
2006-09-09
json獲取數(shù)據(jù)庫(kù)的信息在前端頁(yè)面顯示方法
今天小編就為大家分享一篇json獲取數(shù)據(jù)庫(kù)的信息在前端頁(yè)面顯示方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2018-05-05
簡(jiǎn)單介紹不用庫(kù)（框架）自己寫ajax
本篇文章跟大家介紹不用庫(kù)（框架）自己寫ajax，感興趣的朋友跟著腳本之家小編一起學(xué)習(xí)吧
2015-10-10
Ajax請(qǐng)求跨域問(wèn)題解決方案分析
這篇文章主要介紹了Ajax請(qǐng)求跨域問(wèn)題解決方案,結(jié)合具體實(shí)例形式分析了Ajax請(qǐng)求跨域問(wèn)題的原理、解決方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下
2019-05-05
使用AJAX實(shí)現(xiàn)上傳文件
這篇文章主要介紹了使用AJAX實(shí)現(xiàn)上傳文件，無(wú)需任何插件，文中示例代碼介紹的非常詳細(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