1. 程式人生 > >淺談獲取url傳遞的引數值的幾種方式

淺談獲取url傳遞的引數值的幾種方式

以下內容是在開發中本人經常使用的方式,現總結如下:

jsp頁面中:       //el表示式 獲取請求引數

var id = ${param.id}; 

var id = <%=request.getParameter("id")%>

html頁面中:   //使用js 獲取引數值

function getQueryVariable(variable) {    //variable為url引數的key
var query = window.location.search.substring(1); //獲取url中"?"符後的字串,擷取?後的字串
var vars = query.split("&");  //字串按照&拆分
for(var i = 0; i < vars.length; i++) {
var pair = vars[i].split("=");  //獲取每一個引數
if(pair[0] == variable) {
return pair[1];   //獲取引數值
}
}
return(false);
}

//呼叫getQueryVariable(variable)   eg:獲取token 值
var t = getQueryVariable("token");

alert(t);

                或者正則表示式實現:

                function GetQueryString(name) {
                    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
                    var r = window.location.search.substr(1).match(reg);
                            if (r != null)
                        return decodeURI(r[2]); 
                                return null;
                            }

                    呼叫:var id = GetQueryString(“id”);

H5的本地儲存: // localStorage 、sessionStorage 方法

localStorage(本地儲存),可以長期儲存資料,沒有時間限制,一天,一年,兩年甚至更長,資料都可以使用。

sessionStorage(會話儲存),只有在瀏覽器被關閉之前使用,建立另一個頁面時同意可以使用,關閉瀏覽器之後資料就會消失。
使用方法:
localStorage.setItem(“key”,“value”)//儲存
localStorage.getItem(key)//按key進行取值
localStorage.valueOf( )//獲取全部值
localStorage.removeItem(key)//刪除單個值
localStorage.clear()//刪除全部資料
localStorage.length//獲得資料的數量

localStorage.key(N)//獲得第N個數據的key值

ps:  sessionStorage和localStorage用法相同

注意:localStorage只能儲存字串的資料,對於陣列或物件卻不能直接儲存。

解決方案:通過JSON物件提供的parse和stringify將其他資料型別轉化成字串,再儲存到localStorage中就可以了

eg: localStorage.setItem("list", JSON.stringify(list));  //將list陣列存入localStorage

var list = localStorage.getItem("list");   //獲取list

       var obj =JSON.parse(list);    //將json字串解析成陣列物件 obj
 

相關推薦

獲取url傳遞數值方式

以下內容是在開發中本人經常使用的方式,現總結如下: jsp頁面中:       //el表示式 獲取請求引數 var id = ${param.id};  var id = <%=request.getParameter("id")%> html頁面中

php頁面傳遞數值方法總結

又搞了一個學期的php,就這樣吧。      php是一種伺服器的指令碼語言,他也是現在最為流行的WEB開發語言,下面我們來講述一下幾種上在php開發應用中常用的四種頁面之間傳遞引數的幾種方法。    第一種:使用客戶端瀏覽器的cookie。cookie很容易理解,就是一個臨時檔案,可以把它看成一個儲藏室,瀏

spring配置定時任務的方式

property span 文件 觸發器 cron artifact 今天 方式 cap 網上看到好多關於定時任務的講解,以前只簡單使用過註解方式,今天項目中看到基於配置的方式實現定時任務,自己做個總結,作為備忘錄吧。 基於註解方式的定時任務   首先spring-mv

JS獲取URL數值的4方法

  方法一:正則法 function getQueryString(name) {var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');var r = window.location.se

案例:JS獲取URL數值的方法

假設位址列地址是:http://localhost:3000/m/productlist.html?search=%E9%9E%8B 思路分析: 1.location.search//得到?search=%E9%9E%8B 2.location.search.substring(1)//"s

jquery獲取Url和JS獲取Url數值

jquery獲取url的值很簡單: window.location.href 然後JS獲取url引數的話 function getUrlParam (name) { var reg = new

工作中使用過的C++介面庫

**個人對本文的理解: C++的介面庫有三種。如果在只在window下做一個工具介面,選用MFC;如果介面需要通過網路釋出出去,可選WTL(windows模板庫);如果需要跨平臺,首先Qt** 通常一個介面庫是否有廣大的使用人群,我覺得與以下幾個因素有關:支

後端高併發的設計方法

在高併發的應用場景中,前端需要更快的渲染速度,而後端不僅需要更快的介面速度,而且還需要保證資料的一致性。前端設計中可能會有靜態頁面,cdn等的優化手段,在後端架構中,通常也需要引用高併發程式的解決方案。下面主要談談後端的處理方案。分層後臺主要有兩塊,一塊是資料庫,一塊的業務塊

springboot2.0 獲取URL請求引數的方法

1、直接把表單的引數寫在Controller相應的方法的形參中,適用於get方式提交,不適用於post方式提交。 複製程式碼 /** * 1.直接把表單的引數寫在Controller相應的方法的形參中 * @param

搞懂分布式技術16:分布式鎖的方案

ase -h 數字 改變 失效 部署 etime nod tran 搞懂分布式技術16:淺談分布式鎖的幾種方案 前言 隨著互聯網技術的不斷發展,數據量的不斷增加,業務邏輯日趨復雜,在這種背景下,傳統的集中式系統已經無法滿足我們的業務需求,分布式系統被應用在更多的場景,而在分

URL傳遞過程中編碼escape()、encodeURI()、encodeURIComponent()

在地址URL傳輸過程中常常需要對中文,特殊符號等進行編碼,常用到的編碼方式有escape()、encodeURI()、encodeURIComponent() 一文中有詳細的闡述,本人只在這裡記錄一下個人的使用心得  首先escape()使用限制較多,轉碼也不完全,使用

在SpringMVC中獲取request對象的方式

hello ext spring pub strong framework () frame -c 1.最簡單的方式(註解法) @Autowiredprivate HttpServletRequest request; 2.最麻煩的方法 a. 在web.xml中

[轉載]ASP.NET頁面之間傳遞值的方式

.html 用戶訪問 暴露 一個 地址 value get .text 而且 頁面傳值是學習asp.net初期都會面臨的一個問題,總的來說有頁面傳值、存儲對象傳值、ajax、類、model、表單等。但是一般來說,常用的較簡單有QueryString,Session,Cook

ASP.NET 頁面之間傳遞值的方式

1.使用QueryString(查詢字串), 如....?id=1; (Response.Redirect("Default2.aspx?pId=f"); string pId = Request.QueryString["pId"]; ) 2.使用Session變數(稱為會話變數是伺服器端的一個變數

react之傳遞資料的方式props傳值、路由傳值、狀態提升、redux、context

react之傳遞資料的幾種方式 1、父子傳值 父傳值:<子的標籤 value={'aaa'} index={'bbb'}></子的標籤> 子接值:<li key={this.props.index}>{this.props.value}</li>

Spring 獲取Request,Response物件的方式--未驗證

 第一種、引數 @RequestMapping("/test") @ResponseBody public void saveTest(HttpServletRequest req, HttpServletResponse resp){   } 第二種、註解  @

java獲取檔案Mime Type的方式

本文是在看了http://blog.csdn.net/chaijunkun/article/details/7046343之後實踐了一下,為自己加深印象再寫一遍。 jar包是用火狐下載的,放在哪裡忘了。是在寫檔案下載時,提示框要告訴使用者下載的是什麼型別的檔案用到的。 首先

獲取裝置唯一ID的方式

部落格摘要:很簡單,就是獲取裝置的唯一ID,直接上正文。 先來看看幾種比較單一的方式:  IMEI 方式:TelephonyManager.getDeviceId(): 問題 範圍:只能支援擁有通話功能的裝置,對於平板不可以。 永續性:返廠,資料擦除的時候不徹

微信小程式頁面之間傳遞引數的方式

小程式開發過程中,不可避免要遇到不同頁面之間資料通訊的問題,如判斷是否登入等,現做出以下分類總結 一、使用全域性變數實現資料傳遞 使用場景: 購物車介面需要根據是否登入來區別顯示,當沒有登入時提醒去登入,登入後之間顯示自己購物車裡的商品列表

thinkphp中URL傳引數的方式

在thinkphp中,url傳參合asp.net中原理類似,下面就單個引數和多個引數傳遞方式進行一個簡單講解1.傳單個引數 單個引數這種比較簡單,例如 想像edit操作裡面傳遞一個id值,如下寫法__URL__/edit/id/11http://localhost/index.php/user/edit/id