ajax 动态下拉,ajax实现动态下拉列表

前端代码项目名称：

js代码function getProNameList() {

$.ajax({

url : "/program/findProName",

type : "get",

async:false,//同步或异步

dataType : "json",

success : function(data) {

showName(data);

},

error : function() {

alert("请求超时，稍后再试！")

}

});

}

//页面数据显示

function showName(data) {

for (var i = 0; i < data.length; i++) {

var value = data[i];

var lable = value;

$('#proName').append(

"" + lable + "");

}

}

controller@RequestMapping("/findProName")

@ResponseBody

public List findProName(Model model) {

List proNames = programService.findAllProName();

model.addAttribute("proNames", proNames);

return proNames;

}