使用JavaScript獲取Request中參數(shù)的值方法
假設(shè)現(xiàn)在有一個(gè)URL,如下。
http://www.dbjr.com.cn
如何通過(guò)JS訪問(wèn)到id和name里面的值呢,實(shí)現(xiàn)我們來(lái)分析一下思路。
先獲取當(dāng)前頁(yè)面的URL,通過(guò)window.location.href。
提取該URL?后面的部分,通過(guò)slice()方法。
把獲取到的Request對(duì)象分割成字符串?dāng)?shù)組,通過(guò)split() 方法。
接下來(lái)看代碼。
function getUrlVars() { var vars = [], hash; var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); for (var i = 0; i < hashes.length; i++) { hash = hashes[i].split('='); vars.push(hash[0]); vars[hash[0]] = hash[1]; } return vars; }
接下來(lái)就是獲取指定參數(shù)的值了,代碼如下。
var id = getUrlVars()["id"]; var name = getUrlVars()["name"];
最后,我們?cè)倏纯磈Query的寫法。
$.extend({ getUrlVars: function() { var vars = [], hash; var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); for (var i = 0; i < hashes.length; i++) { hash = hashes[i].split('='); vars.push(hash[0]); vars[hash[0]] = hash[1]; } return vars; }, getUrlVar: function(name) { return $.getUrlVars()[name]; } }); var id = $.getUrlVar('id'); var name = $.getUrlVar('name');
以上就是小編為大家?guī)?lái)的使用JavaScript獲取Request中參數(shù)的值方法的全部?jī)?nèi)容了,希望對(duì)大家有所幫助,多多支持腳本之家~
相關(guān)文章
一個(gè)很酷的拖動(dòng)層的js類,兼容IE及Firefox
自己優(yōu)化修改了網(wǎng)上的一個(gè)JS拖動(dòng)類,增加了拖動(dòng)時(shí)顯示半透明的特效。2009-06-06小程序使用wxs解決wxml保留2位小數(shù)問(wèn)題
這篇文章主要介紹了小程序使用wxs解決wxml保留2位小數(shù)問(wèn)題,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12Javascript 修改String 對(duì)象 增加去除空格功能(示例代碼)
這篇文章主要介紹了Javascript 修改String 對(duì)象 增加去除空格功能(示例代碼)。需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-11-11有趣的JavaScript數(shù)組長(zhǎng)度問(wèn)題代碼說(shuō)明
有趣的JavaScript數(shù)組代碼示例,學(xué)習(xí)js的朋友可以參考下。注意以下的情況。2011-01-01JavaScript實(shí)現(xiàn)Iterator模式實(shí)例分析
這篇文章主要介紹了JavaScript實(shí)現(xiàn)Iterator模式,實(shí)例分析了Iterator模式的相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2015-06-06uniapp微信小程序獲取當(dāng)前城市名稱逆地址解析實(shí)例教程
最近在用uni-app開發(fā)小程序,需要獲取用戶所在城市,小程序本身沒有這樣的api,那么怎么實(shí)現(xiàn)呢?下面這篇文章主要給大家介紹了關(guān)于uniapp微信小程序獲取當(dāng)前城市名稱逆地址解析的相關(guān)資料,需要的朋友可以參考下2022-11-11