HTM select繫結資料庫資料
阿新 • • 發佈:2019-02-19
用ajax去後臺數據庫中訪問資料,操作select
前臺js
jQuery.ajax({
type:"POST",
dataType:"json",
url:url,//訪問後臺去資料庫查詢select的選項
success:function(userList){
var unitObj=document.getElementById("unit"); //頁面上的<html:select>元素
if(userList!=null){ //後臺傳回來的select選項
for(var i=0;i<userList.length;i++){
//遍歷後臺傳回的結果,一項項往select中新增option
unitObj.options.add(new Option(userList[i].name,userList[i].id));
}
}
},
error:function(){
J.alert('Error loading Json document');
}
});
後臺應該返回一個JSONArray之類的陣列資料,比方:
[{"id":"001","name":"張三"},{"id":"002","name":"李四"},{"id":"003","name":"王五"}]
前臺js
jQuery.ajax({
type:"POST",
dataType:"json",
url:url,//訪問後臺去資料庫查詢select的選項
success:function(userList){
var unitObj=document.getElementById("unit"); //頁面上的<html:select>元素
if(userList!=null){ //後臺傳回來的select選項
for(var i=0;i<userList.length;i++){
//遍歷後臺傳回的結果,一項項往select中新增option
unitObj.options.add(new Option(userList[i].name,userList[i].id));
}
}
},
error:function(){
J.alert('Error loading Json document');
}
});
後臺應該返回一個JSONArray之類的陣列資料,比方:
[{"id":"001","name":"張三"},{"id":"002","name":"李四"},{"id":"003","name":"王五"}]