这篇文章将为大家详细讲解有关使用AJAX怎么动态加载后台数据,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。
html代码
<select id="select" >
//下拉框数据动态加载
</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
ajax是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术,可以通过在后台与服务器进行少量数据交换,使网页实现异步更新。
关于使用AJAX怎么动态加载后台数据就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。