js 动态加载下拉框里的值

最新推荐文章于 2020-10-13 15:14:44 发布

MatchlessHeroL

最新推荐文章于 2020-10-13 15:14:44 发布

阅读量651

点赞数

分类专栏： web开发总结文章标签： java

本文链接：https://blog.youkuaiyun.com/MatchlessHreo/article/details/107950125

版权

web开发总结专栏收录该内容

22 篇文章

订阅专栏

本文介绍了一个使用jQuery AJAX实现动态数据接口查询的方法，并展示了如何将查询到的数据填充到HTML页面的下拉菜单中。具体实现包括设置同步请求、定义数据类型为JSON、设置超时时间和处理查询结果，最终将结果数据追加到指定的<select>元素中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

url :为后来查询出来的动态数据接口

可以给<body></body> 加上onload 事件。

Download.loadMakerList = function () {
        var url = Feng.ctxPath+"/maker/list";
        $.ajax({
                type : "get",
                async : false, //同步请求
                dataType :'json',
                url : url,
                timeout:1000,
                success:function(result){
                        for(var i=0;i<result.length;i++){
                                var maker =result[i].maker;
                                $('#maker_select').append("<option value='"+maker+"'>"+result[i].maker+" </option>");
                        }
                }
        });
};