您的位置:首页 > 其它

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

2017-06-20 11:15 423 查看

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("出错了!");
}
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: