调用两个函数,函数内请求的同一个接口,只有第一个生效的问题

在工作中遇到layui+jquery项目需要使用xmSelect进行改写select样式

编写两个请求接口的函数,请求同一接口,参数不同

function initSelectTemplateStatus() {
        nebula.req({
            url: baseServer + "xxx",
            data: { type: 'template_status' },
            async: false,
            success: function (res) {
                    if (res.code === 200) {
                        let templateStatus = []; // 状态下拉框数据
                        res.data.map((item, index, array) => {
                            templateStatus.push({ "name": item.value, "value": item.code })
                        });
                        xmSelect.render({
                            el: '#status',
                            name: 'status',
                            data: templateStatus,
                        })
                    }
            }
        });
    }
function initSelectTemplateType() {
        nebula.req({
            url: baseServer + "xxx",
            data: { type: 'template_type' },
            async: false,
            success: function (res) {
                if (res.code === 200) {
                    let templateType = []; // 模板类型下拉框数据
                    res.data.map((item, index, array) => {
                        templateType.push({ "name": item.value, "value": item.code })
                    });
                    // 模板类型 xmSelect
                    xmSelect.render({
                        el: '#templateType',
                        name: 'templateType',
                        data: templateType,
                    })
                }
            },
        });
    }
    initSelectTemplateStatus(); //只有写在上面的生效
    initSelectTemplateType();	// 请求不发送

分析问题:
浏览器不能在同一时间(目前发现是同一秒内)内对一样的接口进行请求,否则只生效第一个

解决方案:
将写在后面的接口地址上随意拼接get参数 比如?nihao=nihao

function initSelectTemplateType() {
        nebula.req({
            url: baseServer + "xxx?nihao=nihao",
            data: { type: 'template_type' },
            async: false,
            success: function (res) {
                if (res.code === 200) {
                    let templateType = []; // 模板类型下拉框数据
                    res.data.map((item, index, array) => {
                        templateType.push({ "name": item.value, "value": item.code })
                    });
                    // 模板类型 xmSelect
                    xmSelect.render({
                        el: '#templateType',
                        name: 'templateType',
                        data: templateType,
                    })
                }
            },
        });
    }
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值