1. 程式人生 > >跨頁面傳值的幾種簡單方式

跨頁面傳值的幾種簡單方式

方法一:

通過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: [{