JS获取地址栏url参数

JavaScript019

JS获取地址栏url参数,第1张

本章内容分为三部分： 开始之前先简单了解一下 如：url地址: http://xxxxx:9010/test.html?leaf&le=2window.location.search获取到的就是 ?leaf&le=2 window.location.search.substr(1)获取到的就是 leaf&le=2 一、JS获取地址栏url参数： 如果你想获取地址栏的其他参数，只需要执行 var 参数=getUrlParam('参数') 比如获取参数a,执行 var a=getUrlParam('a') 就可以啦。简单又实用。 二、解决请求接口乱码问题 但是在我请求接口数据的时候，页面获取到是类似？？？这种乱码。 然后我是这样解决的： 1、发送方decodeURI编码： 2、接收方encodeURI解码 根据后台接口拼接url中使用encodeURI： 三、关于根据后台接口拼接url 整理笔记，不断优化更新。如果有错误或可以优化的地方欢迎指出，互相学习，共同进步。 如果对你有用就点个小心心吧❤

以下函数可以获取url任意参数的值：

function getParams(key){

    var url = location.search.replace(/^\?/,'').split('&')

    var paramsObj = {}

    for(var i = 0, iLen = url.length i < iLen i++){

        var param = url[i].split('=')

        paramsObj[param[0]] = param[1]

    }

    if(key){

        return paramsObj[key] || ''

    }

    return paramsObj

}

可选参数key表示获取参数的名称，如果省略该参数，则会返回一个对象，包含所有参数的key和value。

js可以通过以下方法获取url地址的参数：

1、比如有如下url请求：

http://zhidao.baidu.com/question/586494936989579005.html?entry=business_qb&ishq=1

2、可以用一下方法获取参数：

var params = function(str) {

function urldecode(str) {

return decodeURIComponent((str+'').replace(/\+/g, '%20'))

}

function transformToAssocArray( prmstr ) {

var params = {}

var prmarr = prmstr.split("&")

for ( var i = 0i <prmarr.lengthi++) {

var tmparr = prmarr[i].split("=")

params[tmparr[0]] = urldecode(tmparr[1])

}

return params

}

var prmstr = window.location.search.substr(1)

return prmstr != null &&prmstr != "" ? transformToAssocArray(prmstr) : {}

}()