javascript中怎么获取请求的参数?

JavaScript024

javascript中怎么获取请求的参数?,第1张

通过使用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")。

方法一、正则表达式

function getQueryString(name) {

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

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

if (r != null) return unescape(r[2])

return null

}

方法二、

<Script language="javascript">

function GetRequest() {

var url = location.search//获取url中"?"符后的字串

var theRequest = new Object()

if (url.indexOf("?") != -1) {

var str = url.substr(1)

strs = str.split("&")

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

theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1])

}

}

return theRequest

}

</script>

方法三、

/**

* 获取指定的URL参数值

* URL:http://www.quwan.com/index?name=tyler

* 参数:paramName URL参数

* 调用方法:getParam("name")

* 返回值:tyler

*/

function getParam(paramName) {

paramValue = "", isFound = !1

if (this.location.search.indexOf("?") == 0 &&this.location.search.indexOf("=") >1) {

arrSource = unescape(this.location.search).substring(1, this.location.search.length).split("&"), i = 0

while (i <arrSource.length &&!isFound) arrSource[i].indexOf("=") >0 &&arrSource[i].split("=")[0].toLowerCase() == paramName.toLowerCase() &&(paramValue = arrSource[i].split("=")[1], isFound = !0), i++

}

return paramValue == "" &&(paramValue = null), paramValue

}

其他参数获取介绍:

//设置或获取对象指定的文件名或路径。

alert(window.location.pathname)

//设置或获取整个 URL 为字符串。

alert(window.location.href)

//设置或获取与 URL 关联的端口号码。

alert(window.location.port)

//设置或获取 URL 的协议部分。

alert(window.location.protocol)

//设置或获取 href 属性中在井号“#”后面的分段。

alert(window.location.hash)

//设置或获取 location 或 URL 的 hostname 和 port 号码。

alert(window.location.host)

//设置或获取 href 属性中跟在问号后面的部分。

alert(window.location.search)

/*

* 1创建XMLHttpRequest对象 */

var xhr = ajaxFunction()

/*

* 2服务器向浏览器响应请求

*

* readyState 属性表示Ajax请求的当前状态。它的值用数字代表。

0 代表未初始化。 还没有调用 open 方法

1 代表正在加载。 open 方法已被调用,但 send 方法还没有被调用

2 代表已加载完毕。send 已被调用。请求已经开始

3 代表交互中。服务器正在发送响应

4 代表完成。响应发送完毕

常用状态码及其含义:

404 没找到页面(not found)

403 禁止访问(forbidden)

500 内部服务器出错(internal service error)

200 一切正常(ok)

304 没有被修改(not modified)(服务器返回304状态,表示源文件没有被修改 ) */

xhr.onreadystatechange = function(){

alert(xhr.readyState) //alert(xhr.status)

if(xhr.readyState==4){if(xhr.status==200||xhr.status==304){

var data = xhr.responseText

alert(data)

}

}

}

/*

* 3浏览器与服务器建立连接

*

* xhr.open(method, url, asynch)

* * 与服务器建立连接使用

* * method:请求类型,类似 “GET”或”POST”的字符串。

* * url:路径字符串,指向你所请求的服务器上的那个文件。请求路径

* * asynch:表示请求是否要异步传输,默认值为true(异步)。 */

xhr.open("POST","../testServlet?timeStamp="+new Date().getTime()+"&c=18",true)

//如果是POST请求方式,设置请求首部信息

xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded")

/*

* 4浏览器向服务器发送请求

*

* send()方法:

* * 如果浏览器请求的类型为GET类型时,通过send()方法发送请求数据,服务器接收不到

* * 如果浏览器请求的类型为POST类型时,通过send()方法发送请求数据,服务器可以接收 */

xhr.send("a=6&b=9") //xhr.send(null)