Layui使用ajax填充选择框

    getSale();
    getTheme();
    getThemeType();
    function getThemeType() {
        var Response = HttpRequest("/ThemeType");
        console.log(Response);
        FillingContainer("#ThemeType",Response,true)
    }
    function getTheme() {
        var Response = HttpRequest("/Theme");
        console.log(Response);
        FillingContainer("#ThemeID",Response,true)
    }
    function getSale() {
        var Response = HttpRequest("/Salesperson");
        console.log(Response);
        FillingContainer("#cardRuleId",Response,true)
}

    /**
     * 填充选择框内容
     * @param ContainerId 容器ID
     * @param JsonData    JSON数据
     * @param Empty       是否清空选择框
     * @constructor
     */
    function FillingContainer(ContainerId,JsonData,Empty) {
        var $ = layui.jquery,
         data = JsonData;
        console.log("FillingContainer-JSON:")
        console.log(JsonData);
        if(Empty = true){
            $(ContainerId).empty();//清空下拉框
        }
        if(data.data.length>0){
            $(ContainerId).append("<option value=''>--直接选择或搜索选择--</option>");
            for(var i=0;i<data.data.length;i++){
                var item=data.data[i];
                $(ContainerId).append("<option value="+item.id+">"+item.name+"</option>");
                console.log(item.name);
            }
        }else {
            $(ContainerId).append("<option value=''>--请新建规则--</option>");
        }
        layui.form.render();//注意渲染页面表单,否则不显示数据
}

    /**
     * HTTP请求数据
     * @param RequestURL            请求URL
     * @param RequestMethod         模式:GET/POST/PUT/DELETE
     * @param RequestData           提交数据
     * @param RequestDataType       数据类型
     * @param RequestContentType    请求头类型
     * @returns {string}            返回数据
     * @constructor
     */
    function HttpRequest(RequestURL,RequestMethod,RequestData,RequestDataType,RequestContentType){
        var Response = '';
        layui.jquery.ajax({
            async:false,
            url: RequestURL,
            data:RequestData,
            method:RequestMethod,
            dataType:RequestDataType,
            contentType:RequestContentType,
            success:function (ret) {
                console.log(ret);
                Response = ret;
            }
        })
        return Response;
}
{"code":0,"msg":"","data":[{"id":1,"name":"测试内容","state":null}]}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值