跨頁面傳值的幾種簡單方式
方法一:
通過URL傳值
eg:
location.href="跨頁面1-2.html?age=18&gender=man";在下個頁面接收:
//1、location.search獲取get請求的引數 獲取到的資料,是以?開頭的 var search=location.search; //2、如果還想要獲取確定的資料,可以解析字串 function parse(search){ //從第二個字元開始擷取 ,獲取到第二個開始後面所有的字元 var str=search.substring(1); var result={}; //分割字串 -->產生字串陣列 var strs=str.split("&"); //遍歷陣列中的每一個元素 strs.forEach(function(v){ //虛擬碼:v="age=18" var keyvalue=v.split("="); var name=keyvalue[0]; var value=keyvalue[1]; result[name]=value; }) return result; } var r=parse(search);
方法二:
使用h5的localStorage,或者sessionStorage儲存物件型別
儲存物件的正確的方式: var p2={name:"周瑜",age:16};var s2=JSON.stringify(p2); //將物件"序列化"為JSON資料(字串格式)localStorage.setItem("p2",s2); //以字串格式儲存資訊var s2_2=localStorage.getItem("p2"); //獲取儲存的資訊,也是字串格式var p2_2=JSON.parse(s2_2); //將JSON資料反序列化為物件
localStroage和sessionStorage使用大致相同,他們的不同之處在於,localstroage是永久儲存,而sessionstroage是會話存在,
當會話結束,sessionstroage儲存值也會清空。
方法三:
使用cookie儲存:
原生cookie
//1、儲存一條資料 document.cookie="name=abc"; document.cookie="age=18"; //2、獲取所有資料 var cookie=document.cookie; console.log(cookie); //"name=abc; age=18; PHPSESSID=fr1njdv6apf3neoj5nehntrps7" //之後可以解析字串,獲取指定的資料內容//3、設定cookie的有效期 document.cookie="id=666;expires="+new Date("2017-10-22 08:00");
jQuery.cookie.js外掛
//第一種型別:會話cookie// //1、設定值 // $.cookie("phone","13188886666"); // $.cookie("email","[email protected]");// //2、獲取值 // var phone=$.cookie("phone"); // console.log(phone);// var email=$.cookie("email"); // console.log(email); //第二種型別:設定長期cookie(具有指定有效期) // $.cookie("address","廣東深圳市",{ // expires:7 //expires不僅僅可以是日期型別的物件,也可以是以天為單位的數字 // });// $.cookie("tel","0755-88888888",{ // expires:1/24 //該cookie值就會儲存一小時 // });// $.cookie("birthday","1.1",{ // expires:new Date("2018-01-01 08:00") //對於這樣的過期時間,已經在內部處理好了時區問題 // }); //刪除指定的cookie $.removeCookie("birthday");
使用cookie可用來跨頁面傳值-狀態保持
相關推薦
swift詳解之二十二-----------UINavigationController的基本用法和頁面傳值幾種方式
UINavigationController的基本用法和頁面傳值幾種方式 本文介紹UINavigationController基本用法,因為涉及多頁面順便介紹頁面傳值 1、手寫程式碼建立UINavigationController 手寫方式建立很簡
跨頁面傳值的幾種簡單方式
方法一: 通過URL傳值 eg: location.href="跨頁面1-2.html?age=18&gender=man"; 在下個頁面接收: //1、location.search獲取get請求的引數 獲取到的資料,是以?開頭的 var search=
前端實現跨頁面傳值的幾種方式
一:利用url引數傳遞//1:A頁面設定url引數$('#go_url').on('touchend',function () { var sss = "中國"; window.location.href = encodeURI("demo2.html?nam
頁面傳值得幾種方式
一、 使用QueryString變數 QueryString是一種非常簡單也是使用比較多的一種傳值方式,但是它將傳遞的值顯示在瀏覽器的位址列中,如果是傳遞一個或多個安全性要求不高或是結構簡單的數值時,可以使用這個方法。 Response.Redirect( "target.a
【2017-05-21】WebForm跨頁面傳值取值、C#服務端跳轉頁面、 Button的OnClientClick屬性、Js中getAttribute和超鏈接點擊彈出警示框。
代碼 height delet update size 內存 客戶 bar win 一、跨頁面傳值和取值: 1、QueryString - url傳值,地址傳值 優缺點:不占用服務器內存;保密性差,傳遞長度有限。 通過跳轉頁面路徑進行傳值,方式: href="地址?ke
2017-5-19 復合控件 ispostback 跨頁面傳值
str 數組 layout class bsp 提交 接收 改變 each (一)復合控件 1.RadioButtonList 每一行數據都是一個ListItem 屬性:RepeatDirection --- 排列方式 RepeatColumns --- 每一行
Asp.Net頁面傳值的方法簡單總結【原創】
tid 周期 () 路徑 coo webp 方式 qpi 優點 1、QueryString 當頁面上form按照get的方式向頁面發送請求數據的時候,web server會將請求數據放入 一個QEURY_STRING的環境變量中,然後通過QeueryString方法
ASP.NET跨頁面傳值——Application
span cati cli 誤操作 什麽 作用 限制 value 生命 ASP.NET跨頁面傳值 Application對象的作用範圍是整個全局,也就是說對所有用戶都有效。它在整個應用程序生命周期中都是有效的,類似於使用全局變量一樣,所以可以在不同頁面中對它進
WebForm跨頁面傳值---內置對象
行操作 Language 設置 web 關閉 免登陸 input cti void 一、Response.Redirect和Server.Transfer1、Response - 響應請求對象string path = "Default2.aspx“;(1)Response
cookie的跨頁面傳值問題仿購物車案例
大家都知道cookie的特性, cookie生效在同一個域名下,cookie儲存量有限,cookie主要用於記錄使用者的一些資訊,例如記錄使用者的登入資訊使使用者一段時間內不用登入,它有伺服器建立,並放在客戶端。 跨頁面傳值定義:統指WEB頁面之間的傳值,包括簡單的頁面表單傳值和頁面程
php session 跨頁面傳值
a.php <?php session_start(); $name = "miao3760"; $_SESSION["name"]=$name; ?> -------------------------------------------- b.php <?php session_s
基於Metronic的Bootstrap開發框架經驗總結(11)--頁面選單的幾種呈現方式
在常規的後臺管理系統或者前端介面中,一般都有一個導航選單提供給使用者,方便選擇所需的內容。基於Metronic的Bootstrap開發框架,是整合了Metroinc樣式,以及Boostrap元件模組的內容,因此選單的效果自然也是和Bootstrap一脈相承的。基於經常使用的幾種選單樣式,本文進行了相關的介紹和
跨域請求的幾種實現方式
跨域是瀏覽器的一種安全策略,是瀏覽器自身做的限制,不允許使用者訪問不同域名或埠或協議的網站資料。 只有域名(主域名【一級域名】和二級域名)、埠號、協議 完全相同的時候,才允許通訊。 通過前端實現跨域解決方案有:document.domain + ifra
ASP.Net中頁面傳值的幾種方式
webconfig local 區別 重啟 Nid 傳遞對象 app too BE 大致概括一下,ASP.NET 頁面之間傳遞值得方式大致可以分為如下幾種:Request.QueryString["name"],Request.Form("name"),Session,Co
小程序頁面傳值的幾種方式
get 頁面傳值 targe eve url傳值 () pre itl 存取 1. url傳值 list.wxml: <view class="playIcon"> <image src="../../iconfont/play_ini
【MVC】MVC中頁面傳值的幾種方式總結
原來寫程式碼的時候都是別人寫就照著寫,大部分都是返回json,使用js,但是對於其他的傳值方式用的少之又少,特別是當不使用easyUI的時候對它更是感覺到生疏,今天就對它的幾種傳值方式進行一下
MVC中頁面傳值的幾種方式總結
之前做專案的時候,只知道MVC頁面間傳值有三種方式,分別為:ViewBag、ViewData、TempData,也知道如何使用它,但是並不知道三者之前的區別,這裡強調一點,TempData可以用於Action與Action之間的傳值,而ViewBag和ViewDa
幾種JSP頁面傳值方式
一、超連結 <a href="P.jsp?username=zhangshan&pwd=123456&age=25"> 連結</a> 二、forma表單 1.可顯示的控制元件 <input type="text" name="userna
iOS五種頁面傳值方式
頁面傳值是很常用的一個東西,這裡介紹比較常用的五種:屬性傳值,block傳值,代理傳值,單例傳值,通知傳值。 (一)屬性傳值 實踐方案:第二個介面中的lable顯示第一個介面textField中輸入的文字 實踐步驟: 首先我們建立一個RootViewControlle
使用mui框架打開頁面的幾種不同方式
oid 上拉加載 nload 用戶體驗 logs left bsp position wait 1.創建子頁面: list.html就是index.html的子頁面,創建代碼比較簡單,如下: mui.init({ subpages: [{