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 整理笔记，不断优化更新。如果有错误或可以优化的地方欢迎指出，互相学习，共同进步。 如果对你有用就点个小心心吧❤

在页面A传值：

window.showModalDialog("ModalDialogFrame.aspx?Title=选择组织部门&PageUrl=ParentTreeView.aspx",window,"dialogWidth=380pxdialogHeight=650pxstatus=nocenter=yes")

在页面A传值：

window.showModalDialog("ModalDialogFrame.aspx?Title=选择组织部门&PageUrl=ParentTreeView.aspx",window,"dialogWidth=380pxdialogHeight=650pxstatus=nocenter=yes")view plaincopy to clipboardprint?

在页面ModalDialogFrame.aspx：

function GetQueryString(sProp)

{

var re = new RegExp("[&,?]"+sProp + "=([^\\&]*)", "i")

var a = re.exec(document.location.search)

if (a == null)

return ""

return a[1]

}

在页面ModalDialogFrame.aspx：

function GetQueryString(sProp)

{

var re = new RegExp("[&,?]"+sProp + "=([^\\&]*)", "i")

var a = re.exec(document.location.search)

if (a == null)

return ""

return a[1]

}view plaincopy to clipboardprint?

调用方法：

var url=GetQueryString("PageUrl") //ParentTreeView.aspx

var title=GetQueryString("Title") //选择组织部门

通过使用window.location.search可以获取到当前URL的?号开始的字符串，如前面的链接获取到的search为?id=001，再对获取的字符串进行处理，就可以获取到参数的值了，参考代码如下：

<SPAN style="FONT-SIZE: 14px">function getUrlParam(name) {

var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)")

var r = window.location.search.substr(1).match(reg)

if (r != null)

return unescape(r[2])

return null

}

</SPAN>

在调用上面的方法的时候，只要传入参数的名称，就可以获取到想要的参数的值了，如:getUrlParam("id")。