使用JavaScript獲取Request中參數(shù)的值方法
更新時間：2016年09月27日 17:55:59 投稿：jingxian
下面小編就為大家?guī)硪黄褂肑avaScript獲取Request中參數(shù)的值方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
假設(shè)現(xiàn)在有一個URL，如下。
http://www.fzitv.net
如何通過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實現(xiàn)uploadify上傳格式以及個數(shù)限制
這篇文章主要介紹了javascript如何限制uploadify上傳格式以及個數(shù)的實現(xiàn)方法，感興趣的小伙伴們可以參考一下2015-11-11
兼容Event對象等 拖拽類代碼2008-12-12
document.all與getElementById、getElementsByName、getElementsByT
Document.all[]是文檔中所有標(biāo)簽組成的一個數(shù)組變量，包括了文檔對象中所有元素2008-12-12
一步一步的了解webpack4的splitChunk插件(小結(jié))
這篇文章主要介紹了一步一步的了解webpack4的splitChunk插件(小結(jié))，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
本文給大家介紹JS實現(xiàn)的笛卡爾乘積之商品發(fā)布的相關(guān)內(nèi)容，涉及到j(luò)s笛卡爾積算法的相關(guān)知識，本文介紹的非常詳細(xì)，具有參考價值，感興趣的朋友一起學(xué)習(xí)吧2016-05-05
這篇文章主要為大家介紹了js實現(xiàn)錨點跳轉(zhuǎn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-07-07
這篇文章主要介紹了JS實現(xiàn)簡單的二維矩陣乘積運算方法,涉及JavaScript基于數(shù)組操作實現(xiàn)矩陣運算的功能,需要的朋友可以參考下2016-01-01
這篇文章主要介紹了js實現(xiàn)用戶注冊協(xié)議倒計時的方法,是開發(fā)會員注冊功能時非常實用的技巧,需要的朋友可以參考下2015-01-01
這篇文章主要介紹了原生js實現(xiàn)autocomplete插件的相關(guān)資料,需要的朋友可以參考下2016-04-04
微信小程序?qū)崿F(xiàn)多行文字超出部分省略號顯示功能
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)多行文字 超出部分省略號顯示功能，比如設(shè)置只顯示2行，超出部分省略號顯示，本文通過實例代碼給大家介紹,需要的朋友可以參考下2019-10-10