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

更新时间：2018年08月08日 10:45:30 作者：杨冬冬

今天小编就为大家分享一篇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+"&nbsp;&nbsp;睡眠时间："+date[j].sleeptime + "</option>"; 
    $("#select").html("<option value='0'>请选择...</option> "+optionstring);
          } 
        }, 
        error: function (msg) { 
          alert("出错了！"); 
        } 
      });

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

您可能感兴趣的文章:

分享ajax的三种解析模式
这篇文章主要介绍了分享ajax的三种解析模式的相关资料,需要的朋友可以参考下
2015-12-12
IE8用ajax访问不能每次都刷新的问题
这篇文章主要介绍了IE8用ajax访问不能每次都刷新的问题的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
2016-07-07
Ajax异步请求的五个步骤及实战案例
通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新,下面这篇文章主要给大家介绍了关于Ajax异步请求的五个步骤及实战案例的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2022-08-08
asp简单的ajax留言板
asp简单的ajax留言板...
2006-09-09
json获取数据库的信息在前端页面显示方法
今天小编就为大家分享一篇json获取数据库的信息在前端页面显示方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-05-05
简单介绍不用库（框架）自己写ajax
本篇文章跟大家介绍不用库（框架）自己写ajax，感兴趣的朋友跟着脚本之家小编一起学习吧
2015-10-10
Ajax请求跨域问题解决方案分析
这篇文章主要介绍了Ajax请求跨域问题解决方案,结合具体实例形式分析了Ajax请求跨域问题的原理、解决方法及相关操作注意事项,需要的朋友可以参考下
2019-05-05
使用AJAX实现上传文件
这篇文章主要介绍了使用AJAX实现上传文件，无需任何插件，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-10-10
利用AjaxControlToolkit实现百度搜索时的下拉列表提示详细步骤
AjaxControlToolkit是一组控件的集合，可以实现自动补充文本框，点击文本框弹出日历，加水印等Ajax效果等等，感兴趣的朋友可以了解下啊，或许本文对你学习ajax有所帮助
2013-02-02
AJAX实现注册验证用户名
这篇文章主要为大家详细介绍了AJAX实现注册验证用户名，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-03-03