1. 程式人生 > >h5頁面傳遞資料之localstorage簡單使用。

h5頁面傳遞資料之localstorage簡單使用。

在專案中的二級頁面需要用到一級頁面相同的資料,可以通過url傳遞引數在二級頁面再次請求資料,但為了減少請求

發現可以在一級頁面中將請求的資料存到localstorage中,在二級頁面讀取localstorage中的資料。

用到了三個方法

存:

localStorage.setItem('curr_match',data);

讀:

var json_data = JSON.parse(localStorage.getItem('curr_match'));

在存之前可以清除一下快取資料:

localStorage.clear();

還有其他的集中存讀清除的方法,這裡只做參考。

相關推薦

h5頁面傳遞資料localstorage簡單使用

在專案中的二級頁面需要用到一級頁面相同的資料,可以通過url傳遞引數在二級頁面再次請求資料,但為了減少請求 發現可以在一級頁面中將請求的資料存到localstorage中,在二級頁面讀取localstorage中的資料。 用到了三個方法 存: localStorage.se

微信小程式快取——不同頁面傳遞資料

1. 新增快取 單個金鑰允許儲存的最大資料長度為1MB,所有資料儲存上限為10MB。 // 儲存資訊到storage // 非同步儲存 set() { wx.setStorage({ key: 'user', data: 'cck', succe

Vue父子vue-router路由傳遞資料與父子元件傳遞資料分析

父子路由傳遞資料 分析如下 實際上等同於父子元件之間,資料的傳遞; 父傳子 ---------> 父繫結屬性,子props接受屬性值 子傳父 ---------> 觸發自定義事件,子觸發$emit,父接收 父元件觸發子事件 ------->

rem佈局,移動H5頁面佈局規範(1)

功能決定成度,樣式決定美感度,在移動H5頁面佈局上規範必然時不可少。 在H5頁面 UI設計圖的基礎,如何根據設計圖片寫出比例相同, 在不同移動裝置上頁面上的樣式依然保持一致。響應式頁面,rem佈局的使用方法。 1、設定viewport <me

ionic,使用push開啟子頁面,子頁面傳遞資料給父頁面!!!!!!

找了一天終於搞好了父頁面程式碼片段,不要懷疑// 打開個人資訊 openCreatPersoninfo() { new Promise((resolve, reject) => { this.navCtrl.push('UserInfomation',

Activity間通過Intent傳遞資料的大小限制

http://blog.csdn.net/pingfangx/article/details/52093225 這個問題沒找到官方說明,針對網上的各種答案,自己實際測試了一下。 0x01結論 1.1傳512K以下的資料的資料可以正常傳遞。 1.2傳512K~102

Html5利用AppCache和LocalStorage實現快取h5頁面資料

最近在開發的過程中遇到了一個問題,就是在Android上通過WebView載入Html5頁面時發現頁面載入速度慢,再加上網路速度慢,每次請求需要5s左右的時間,嚴重影響使用者體驗,所以查詢資料,最終找到一個可以解決載入緩慢的方法,現在介紹給大家: 1、使用AppCache機制實

vue 解決頁面重新整理資料消失localStorage

先補充下localStorage 知識點: JS物件 讀取形式: localStorage.name 新增/修改 localStorage.name = “data” 其中"data"只能是字串形式(目前為止只支援字串)。所以儲存時是JSON物件時需要執行下JS

ASP.NET頁面資料傳遞

頁面傳值 1.QueryString傳遞資料 通過QueryString傳遞資料,要把傳遞的資料引數新增到要跳轉到的頁面的url之後,用?分隔開url和第一個引數分隔開,後面引數用&分隔。 http://www.tengxun.com?ID=7&Name=yokei

javawebSession簡單例子(兩個頁面一個存資料,一個取資料)和session的一些基本內容

package test.session; import java.io.IOException; import javax.servlet.ServletException; import javax.servlet.http.Cookie; import javax

androidOkHttp簡單使用,鍵值對,json資料,檔案上傳

okHttp 的簡單使用 引入Gradle依賴:compile 'com.squareup.okhttp3:okhttp:3.4.1' HTTP GET請求 MainActivity程式碼如下: import android.support.v7

Android中,Intent資料傳遞主螢幕傳遞到另一個螢幕

主螢幕的Intent程式碼: public class MainActivity extends AppCompatActivity { private Button button;

Java學習——方法中傳遞參數分簡單類型與復雜類型(引用類型)編程計算100+98+96++4+2+1的值,用遞歸方法實現

dig oid 傳遞 system alt style 類型 遞歸 gen package hello; public class digui { public static void main(String[] args) { /

H5頁面向小程式傳遞引數

H5頁面 js; <script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script> $(function () { //小程式傳送資訊 wx.miniProg

localStorge----前端頁面跳轉傳遞資料,無需互動

需求 有時候我們想僅僅在前端頁面href跳轉到另一個頁面,不用後臺互動,但是想傳一些資料給新頁面顯示(僅前端實現)。 案例 例如這些顯示不全的單元格資訊,想要點選開啟一個新網頁詳細顯示,但是不會再和後臺互動那麼麻煩。 解決方法 — localStorge 使用l

資料Spark(四)--- Dependency依賴,啟動模式,shuffle,RDD持久化,變數傳遞,共享變數,分散式計算PI的值

一、Dependency:依賴:RDD分割槽之間的依存關係 --------------------------------------------------------- 1.NarrowDependency: 子RDD的每個分割槽依賴於父RDD的少量分割槽。 |

資料scala(二) --- 對映,元組,簡單類,內部類,物件Object,Idea中安裝scala外掛,trait特質[介面],包和包的匯入

一、對映<Map> ----------------------------------------------------- 1.建立一個不可變的對映Map<k,v> ==> Map(k -> v) scala> val map

資料scala(一) --- 安裝scala,簡單語法介紹,條件表示式,輸入和輸出,迴圈,函式,過程,lazy ,異常,陣列

一、安裝和執行Scala解釋程式 --------------------------------------------- 1.下載scala-2.11.7.msi 2.管理員執行--安裝 3.進入scala/bin,找到scala.bat,管理員執行,進入scala命

網站開發MyEclipse簡單實現JSP網頁表單提交及傳遞

本文主要是作者《中小型網站開發與設計》課程的內容,非常基礎的文章,主要是指導學生學會用MyEclipse實現JSP網頁表單提交及傳遞引數。希望大家喜歡這篇文章,基礎文章,不喜勿噴~ 一. MyEclipse實現網頁動態表單提交 1.新建Web Service工程,名稱為te

H5新特性localStorage

localStorage的使用:儲存資料到本地。儲存的容量20mb左右。         不同瀏覽器不能共享資料         同一個瀏覽器的不同視窗可以共享資料  &