使用ajax异步获取下拉列表的值

参考以下文章:

cc​​​​​​​https://blog.csdn.net/weixin_58428216/article/details/121636128

$(function(){})------已进入页面即加载

复制代码
 $(function (){
        $.ajax({
            url:"/hos/hospital",
            type:"get",
            success:function (result){
                var list=result
                $("#role").append("<option value=''>--请选择--</option>");
                for (var i = 0; i < list.length; i++) {//重点2,第二步,for循环追加
                    //把数据库中的数据追加到id为role的标签中
                    $("#role").append('<option value=' + list[i].id + '>' + list[i].name + '</option>');
                }
            }
        })
    })
相关推荐
何何____几秒前
js的数据存储机制
开发语言·前端·javascript·ecmascript
无风听海11 分钟前
构建现代 Web 应用的令牌安全体系:Refresh Token Rotation、HttpOnly Cookie 与 Grace Period 全解析
前端·安全
云水一下12 分钟前
JavaScript 从零基础到精通系列:对象、数组与 ES6 数据操作利器
前端·javascript
四代水门12 分钟前
服务端倒带(Server-Side Rewind)命中判定系统
java·前端·算法
宋浮檀s13 分钟前
应急响应——Web高危漏洞应急(SQL注入+XSS跨站+文件上传)
前端·网络·安全·web安全·xss
前端后腿哥13 分钟前
UNIAPPX UTS插件Widget开发完整教程(Android版)
前端·uni-app
大家的林语冰16 分钟前
AI 遥控代码截图,录制终端动画,定制自动化批量制图流程,解放你的双手~
前端·ai编程·trae
无聊的老谢22 分钟前
Vue 3 + Leaflet 实现高性能 Web GIS 基站监控平台
前端·javascript·vue.js
之歆23 分钟前
Day23_Bootstrap 前端框架完全指南:从栅格系统到组件化开发
开发语言·前端·javascript·前端框架·bootstrap·ecmascript·less
前端 贾公子23 分钟前
3.响应式系统基础:从发布订阅模式的角度理解 Vue2 的数据响应式原理(上)
前端·javascript·vue.js