AJAX 动态加载后台数据 绑定select的方法
编程学习 2021-07-05 10:37www.dzhlxh.cn编程入门
今天长沙网络推广就为大家分享一篇AJAX 动态加载后台数据 绑定select的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随长沙网络推广过来看看吧
直接上代码 是可以用的，后台代码我就不贴了，我相信后台代码大家都会，直接返回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+" 睡眠时间："+date[j].sleeptime + "</option>";
$("#select").html("<option value='0'>请选择...</option> "+optionstring);
}
},
error: function (msg) {
alert("出错了！");
}
});
以上这篇AJAX 动态加载后台数据 绑定select的方法就是长沙网络推广分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持狼蚁SEO。