一、情景 

    eg:檢視一條資料的詳情，需要跳轉頁面，並進行傳值

二、思路

方式1：觸發詳情按鈕時，Js獲取到該條資料的id值，並傳遞給url，後臺接受到該請求，通過id查詢到這條資料。並返回一個json串給前端。前端拿到資料進行處理，對映給頁面。

方式2：觸發詳情按鈕時，同時前端進行本地儲存當前資料（sessionstorage\localstorage），跳轉頁面後，前端直接從storage當前取值並回顯。

           ①關於資料儲存：

            sessionstorage：資料儲存，關閉視窗的同時，清除資料

            localstorage：資料儲存，未定義過期時間，一直存在本地

需要注意的是：當前端頁面發生跳轉時，資源都會被過載，當未進行傳值的情況下，無法跨頁面載入資料。

三 實現：

方式1：URL傳值

①獲取id後直接傳遞給URL

window.location.href=`index.html?nid=${id}`;

②再跳轉到index.html的js中獲取到該並id解析

(function() {
  window.onload = function() {
        var url=window.location.href;
        var url_param = url.split("?")[1];
        var url_param_arr = url_param.split("=");
        var nid ={nid:url_param_arr[1]};
        preview_index(nid);//處理函式，傳送請求
  }
})();
 

方式2：本地儲存

①存

//本地儲存
                var storage = window.sessionStorage;
                storage['index_name'] = $('#index_name').val();
                storage['index_title'] = $('#index_title').val();
                storage['index_content'] = $('#index_content').val();

②讀取

var storage=window.sessionStorage;
title=storage.index_title