您当前的位置:首页 > 网站建设 > ajax
| php | asp | css | H5 | javascript | Mysql | Dreamweaver | Delphi | 网站维护 | 帝国cms | React | 考试系统 | ajax | jQuery | 小程序 |

AJAX 动态加载后台数据 绑定select的方法

51自学网 2022-02-21 10:51:22
  ajax

直接上代码 是可以用的,后台代码我就不贴了,我相信后台代码大家都会,直接返回json数据,我是前端比较差的,所以喜欢把每次不会的全部记起来

html代码

<select id="select" style="width : 80px;height : 30px;">  //下拉框数据动态加载</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 + "/" >" +"睡眠次数:"+date[j].limitnumber+"&nbsp;&nbsp;睡眠时间:"+date[j].sleeptime + "</option>";     $("#select").html("<option value='0'>请选择...</option> "+optionstring);          }         },         error: function (msg) {           alert("出错了!");         }       }); 

以上这篇AJAX 动态加载后台数据 绑定select的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持51zixue.net。


下载地址:
ajax判断后端返回的数据是否为null的方法
ajax请求后台接口数据与返回值处理js的实例讲解
万事OK自学网:51自学网_软件自学网_CAD自学网自学excel、自学PS、自学CAD、自学C语言、自学css3实例,是一个通过网络自主学习工作技能的自学平台,网友喜欢的软件自学网站。