將后臺返回的數(shù)據(jù)對象拼接到url地址上

// 拆分數(shù)據(jù)
splitData: function (data) {
    let url = ''
    for (let k in data) {
        if (data.hasOwnProperty(k)) {
            let value = data[k] || ''
            url = url + '&' + k + '=' + encodeURIComponent(value)
        }
    }
    return url ? url.substring(1) : ''
},

// 拼接參數(shù)
contractUrl: function (url, data) {
    return url + (url.indexOf('?') < 0 ? '?' : '&') + this.splitData(data)
},

后臺返回的數(shù)據(jù)

let url = "https://ds.capcn.com.cn/facevi"
let data = {
    institutionID:?"100200",
    returnImage:?"00",
    frontUrl:?"http://22.202.250.78/api/face-formt/face-info",
    backUrl:?"http://22.202.100.12/api/face-recognition/face-info",
    remark:?"00125",
    frontMethod:?"0",
}

拼接后的地址

https://ds.capcn.com.cn/facevi?institutionID=100200&returnImage=00&frontUrl=http%3A%2F%2F22.202.250.78%2Fapi%2Fface-formt%2Fface-info&backUrl=http%3A%2F%2F22.202.100.12%2Fapi%2Fface-recognition%2Fface-info&remark=00125&frontMethod=0

備注

post方法

/**
 *  導出excel文件
 * @param url 下載地址
 * @param data 參數(shù)
 * @param name 下載文件名
 */
export const $export2 = (url, data, name) => {
    let opt = {
        url: url,
        method: 'post',
        responseType: 'blob',
        data: data
    }
    axios.request(opt).then(res => {
        const BLOB = res.data
        const fileReader = new FileReader()
        fileReader.readAsDataURL(BLOB)
        fileReader.onload = (event) => {
            let a = document.createElement('a')
            a.download = `${name}.xls`
            a.href = event.target.result
            document.body.appendChild(a)
            a.click()
            document.body.removeChild(a)
        }
    })
}

get方法

/**
 *  導出excel文件 get方法拼接地址
 * @param url 下載地址
 * @param data 參數(shù)
 * @param name 下載文件名
 */
export const $export = (url, data, name) => {
    let exportIn = {
        splitData: function (data) {
            let url = ''
            for (let k in data) {
                if (data.hasOwnProperty(k)) {
                    let value = data[k] || ''
                    url = url + '&' + k + '=' + encodeURIComponent(value)
                }
            }
            return url ? url.substring(1) : ''
        },
        contractUrl: function (url, data) {
            return url + (url.indexOf('?') < 0 ? '?' : '&') + exportIn.splitData(data)
        },
    }
    let finalUrl = exportIn.contractUrl(url, data)
    window.open(finalUrl)
}

總結(jié)

以上是生活随笔為你收集整理的url拼接参数的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。