js中獲取URL參數(shù)的共用方法getRequest()方法實(shí)例詳解

更新時(shí)間：2018年10月24日 14:13:41 作者：冷瞳ruin

本文通過實(shí)例代碼給大家介紹了js中獲取URL參數(shù)的共用方法getRequest()方法 ,文末給大家提到了js獲取url參數(shù)值的兩種方式，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下

下面通過一段代碼給大家介紹js中獲取URL參數(shù)的共用方法getRequest()方法，具體代碼如下所示：

getRequest : function() { 
   var url = location.search; //獲取url中"?"符后的字串
   var theRequest = new Object();
   if (url.indexOf("?") != -1) {
    var str = url.substr(1);
    strs = str.split("&");
    for(var i = 0; i < strs.length; i ++) {
     theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]); }
    }
   return theRequest;
  }

下面看下js獲取url參數(shù)值的兩種方式詳解

有個(gè)url如下：

http://passport.csdn.net/account/login?from=http%3a%2f%2fwrite.blog.csdn.net%2fpostedit

我們?cè)撊绾潍@取from這個(gè)參數(shù)的值呢？在網(wǎng)上搜了下方法很簡(jiǎn)單，如下，第一種是通過正則，第二種通過切串放進(jìn)數(shù)組的方式：

方法一：

 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; 
 } 
 var from = getQueryString("from"); 
 alert(from);

方法二：

 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 = 0; i < strs.length; i ++) { 
    theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]); 
   } 
  } 
  return theRequest; 
 } 
 var req = GetRequest(); 
 var from = req['from']; 
 alert(from);

總結(jié)

以上所述是小編給大家介紹的js中獲取URL參數(shù)的共用方法getRequest()方法實(shí)例詳解，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

js獲取頁面?zhèn)鱽韰?shù)的方法
這篇文章主要介紹了通過window.location.search來獲取頁面?zhèn)鱽淼膮?shù)，經(jīng)測(cè)試是OK的
2014-09-09
JavaScript在IE中“意外地調(diào)用了方法或?qū)傩栽L問”
FF是正常的，IE報(bào)“意外地調(diào)用了方法或?qū)傩栽L問”。
2008-11-11
nodejs入門詳解(多篇文章結(jié)合)
Node.js是一套用來編寫高性能網(wǎng)絡(luò)服務(wù)器的JavaScript工具包，一系列的變化由此開始。比較獨(dú)特的是，Node.js會(huì)假設(shè)你是在POSIX環(huán)境下運(yùn)行它Linux 或 Mac OS X
2012-03-03
javascript 關(guān)鍵字高亮顯示實(shí)現(xiàn)代碼
屏蔽HTML標(biāo)簽，支持多關(guān)鍵字（以空格間隔），關(guān)鍵字內(nèi)可含有特殊字符
2010-09-09
cnblogs csdn 代碼運(yùn)行框?qū)崿F(xiàn)代碼
大家用cnblogs,csdn博客發(fā)布技術(shù)文檔的時(shí)候，可以用下面的代碼實(shí)現(xiàn)運(yùn)行功能。當(dāng)然大家看了源碼就會(huì)發(fā)現(xiàn)其實(shí)方法還有很多。有更好的方法就發(fā)布一下啊。
2009-11-11
JS判斷是否長(zhǎng)按某一鍵的方法
這篇文章主要介紹了JS判斷是否長(zhǎng)按某一鍵的方法,涉及JavaScript針對(duì)鍵盤按鍵的判斷及響應(yīng)操作技巧,需要的朋友可以參考下
2016-03-03
javascript表單驗(yàn)證以及正則表達(dá)式舉例詳解
正則表達(dá)式描述了一種字符串匹配的模式,可以用來檢查一個(gè)串是否含有某種子串、將匹配的子串替換或者從某個(gè)串中取出符合某個(gè)條件的子串等,常用于表單驗(yàn)證等,下面這篇文章主要給大家介紹了關(guān)于javascript表單驗(yàn)證以及正則表達(dá)式的相關(guān)資料,需要的朋友可以參考下
2023-05-05
JS實(shí)現(xiàn)基于Sketch.js模擬成群游動(dòng)的蝌蚪運(yùn)動(dòng)動(dòng)畫效果【附demo源碼下載】
這篇文章主要介紹了JS實(shí)現(xiàn)基于Sketch.js模擬成群游動(dòng)的蝌蚪運(yùn)動(dòng)動(dòng)畫效果,涉及Sketch.js插件的使用及HTML5元素的應(yīng)用技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下
2017-08-08
小程序?qū)崿F(xiàn)計(jì)時(shí)器小功能
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)計(jì)時(shí)器小功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-09-09
JS在IE和FireFox之間常用函數(shù)的區(qū)別小結(jié)
IE和FireFox之間常用函數(shù)的區(qū)別小結(jié)，需要的朋友可以參考下。
2010-03-03