Ajax获取php返回json数据动态生成select下拉框的实例(php接收ajax传的数据)硬核推荐

随心笔谈5个月前更新 admin
218 00
🌐 经济型:买域名、轻量云服务器、用途:游戏 网站等 《腾讯云》特点:特价机便宜 适合初学者用 点我优惠购买
🚀 拓展型:买域名、轻量云服务器、用途:游戏 网站等 《阿里云》特点:中档服务器便宜 域名备案事多 点我优惠购买
🛡️ 稳定型:买域名、轻量云服务器、用途:游戏 网站等 《西部数码》 特点:比上两家略贵但是稳定性超好事也少 点我优惠购买

文章摘要

这篇文章的核心内容是介绍如何使用JavaScript和AJAX技术实现在线查询功能。文章通过HTML表格中的下拉菜单功能,展示了如何利用JavaScript调用AJAX接口提交表单数据,并通过成功响应更新下拉菜单的选项。文章详细描述了表单提交、AJAX数据处理以及DOM操作的具体实现过程。通过该技术,可以实现无需页面刷新即可完成查询操作,提升了用户体验。


$(“#level”).click(function(){
$.ajax({
type:”POST”,
url:”{:U(‘Target/queryMajor’)}”,
dataType: “json”,
data:{
level:$(‘#level’).val()
},
success:function(data){
$(“#major”).empty();
switch (data.status){
case ‘1’:
$(“#major”).append(“<option value=” >–</option>”);
$.each(data.data,function(index,val){
$(“#major”).append(‘<option value=’+val.major+’ >’+val.major+'</option>’);
});
break;
case ‘0’:
$(“#major”).append(“<option value=” >–</option>”);
break;
}
return false;
}
});
return false;
});

© 版权声明

相关文章