使用JavaScript獲取Request中參數(shù)的值方法
假設(shè)現(xiàn)在有一個URL,如下。
http://chabaoo.cn
如何通過JS訪問到id和name里面的值呢,實現(xiàn)我們來分析一下思路。
先獲取當(dāng)前頁面的URL,通過window.location.href。
提取該URL?后面的部分,通過slice()方法。
把獲取到的Request對象分割成字符串?dāng)?shù)組,通過split() 方法。
接下來看代碼。
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; }
接下來就是獲取指定參數(shù)的值了,代碼如下。
var id = getUrlVars()["id"]; var name = getUrlVars()["name"];
最后,我們再看看jQuery的寫法。
$.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ī)淼氖褂肑avaScript獲取Request中參數(shù)的值方法的全部內(nèi)容了,希望對大家有所幫助,多多支持腳本之家~
相關(guān)文章
Javascript 修改String 對象 增加去除空格功能(示例代碼)
這篇文章主要介紹了Javascript 修改String 對象 增加去除空格功能(示例代碼)。需要的朋友可以過來參考下,希望對大家有所幫助2013-11-11JavaScript實現(xiàn)Iterator模式實例分析
這篇文章主要介紹了JavaScript實現(xiàn)Iterator模式,實例分析了Iterator模式的相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2015-06-06uniapp微信小程序獲取當(dāng)前城市名稱逆地址解析實例教程
最近在用uni-app開發(fā)小程序,需要獲取用戶所在城市,小程序本身沒有這樣的api,那么怎么實現(xiàn)呢?下面這篇文章主要給大家介紹了關(guān)于uniapp微信小程序獲取當(dāng)前城市名稱逆地址解析的相關(guān)資料,需要的朋友可以參考下2022-11-11