这篇文章将为大家详细讲解有关使用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怎么动态加载后台数据就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。