Ajax获取数据,并更新下拉列表

Ajax获取数据,并更新下拉列表 - 加菲 - 面包会有的

 
 
 

function LoadEndpointGroupList(endpoint_type,width_height){
$.ajax({
url:'/Endpoints/Index/Op/Ajax/branch/get_endpoint_group',
type:'post',
async:false,
data:{endpoint_type:endpoint_type,width_height:width_height},
dataType:'json',
success:function(re){
if (re.stat*1) {
//$.kw.alert(re.msg);
var datas = re.data;//返回数据:re:stat,array
$("#endpoint_group").empty();
$("#endpoint_group").append("<option value=''>请选择</option>");
for(var i=0;i<datas.length;i++){
var obj = datas[i];//这里获取数组内每个对象。
//将值加到终端组的下拉列表
var txt = obj.groupname + "("+ obj.width_height +")";
var option = $("<option>").val(obj.groupclassid).text(txt).attr("grouptype",obj.grouptype).attr("width_height",obj.width_height);
$("#endpoint_group").append(option);
}

} else {
$.kw.alert(re.msg);
}
},
error:function(){
$.kw.alert('由于网络异常导致操作失败,请刷新页面重试....');
}
});
}

你可以使用AJAX来获取下拉列表的选项。具体步骤如下: 1. 创建一个XMLHttpRequest对象: ```javascript var xhr = new XMLHttpRequest(); ``` 2. 设置`onreadystatechange`事件处理程序,监听AJAX请求的状态变化: ```javascript xhr.onreadystatechange = function() { if (xhr.readyState === XMLHttpRequest.DONE) { if (xhr.status === 200) { // 请求成功,处理返回数据 var response = JSON.parse(xhr.responseText); // 更新下拉列表的选项 updateDropdown(response); } else { // 请求失败,处理错误 console.log('AJAX请求失败'); } } }; ``` 3. 发送AJAX请求: ```javascript xhr.open('GET', '获取下拉列表选项的URL', true); xhr.send(); ``` 4. 编写`updateDropdown`函数来更新下拉列表的选项: ```javascript function updateDropdown(response) { var dropdown = document.getElementById('dropdown'); // 根据下拉列表的ID获取元素 dropdown.innerHTML = ''; // 清空原有的选项 for (var i = 0; i < response.length; i++) { var option = document.createElement('option'); // 创建一个选项元素 option.value = response[i].value; // 设置选项的值 option.textContent = response[i].text; // 设置选项的显示文本 dropdown.appendChild(option); // 添加选项到下拉列表中 } } ``` 在上述代码中,你需要替换`获取下拉列表选项的URL`为实际的URL,该URL应返回一个包含下拉列表选项的JSON数据。你还需要将`dropdown`替换为实际的下拉列表元素的ID。 这样,当AJAX请求完成后,会将返回数据解析为JSON格式,并使用`updateDropdown`函数更新下拉列表的选项。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值