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

首先我们需要写一个含有ID的select：

　　<select id="demo"></select>

其次我们定义一个JQ方法：

　　首先我们必须引入jq插件，然后在用ajax方法来实现数据交互

　　数据交互如下：

　　$(function(){

　　　　$.ajax({　　

　　　　　　　　type:'GET,

　　　　　　　　url:''//这是后台接口

　　　　　　　　contentType: "application/json; charset=utf-8",

　　　　　　　　async : true ,

　　　　　　　　dataType:'json',

　　　　　　　　success:function(data){

　　　　　　　　　　　　var optionStr ="",//定义一个变量为了储存数据内容；

　　　　　　　　　　　　for(var j=0;j<date.length;j++0){

　　　　　　　　　　　　　　　　console.log(data);//控制台查看数据库数据

　　　　　　　　　　　　　　　　console.log(data[j].name);//控制台查看数据库option内容

　　　　　　　　　　　　　　　　console.log(data[j].id);//控制台查看数据库option的ID

　　　　　　　　　　　　　　　　optionStr +="<option value='data[j].id'>"+data[j].name+"</option>";

　　　　　　　　　　　　　　　　$("#demo").html("<option value='0'>请选择</option>"+optionStr);

　　　　　　　　　　　　}

　　　　　　　　},

　　　　　　　　error:function(msg){

　　　　　　　　　　　　alert("数据出错了！")；

　　　　　　　　}

　　　　})；

　　})；

 

转载于:https://www.cnblogs.com/tiantao1020/p/10098984.html