初始化ajax

最新推荐文章于 2022-12-17 10:12:58 发布

qq_39529324

最新推荐文章于 2022-12-17 10:12:58 发布

阅读量489

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_39529324/article/details/80728841

本文介绍了一种利用Ajax技术动态加载下拉框选项的方法。通过jQuery发起POST请求到指定URL，获取用户级别数据，并将其填充到HTML页面中的下拉框中。此过程涉及了JSON数据解析及DOM操作。

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

       $(document).ready(function(){
        $.ajax({
            contentType : "application/json;charset=utf-8",
            type : "POST",
            url : "${pageContext.request.contextPath }/user_level",
            dataType : "json",

            success: function(data) {
               $("#user_level").append(
                   "<option>===请选择===</option>"
               );
                for(i=0 ; i<data.length;i++){
                    $("#user_level").append(
                           "<option value='"+data[i].id+"'>"+data[i].level_name
                                    + "</option>"
                    );
                }
            },
            error:function(data){
                console.log(data);
           }
        });
   });