1. 程式人生 > >HTML,JSP 頁面間傳值

HTML,JSP 頁面間傳值

a.html:

<script type="text/javascript"  src="js/getUrlParam.js"></script>  
<a href="b.html?name=caoy">靜態傳值</a>  

b.html:(b頁面需要引入getUrlParam.js)

<script type="text/javascript">  
    var name=UrlParm.parm("name");  
    alert(name);  
</script>  

getUrlParam.js:

UrlParm = function() { // url引數    
  var data, index;    
  (function init() {    
    data = [];    
    index = {};    
    var u = window.location.search.substr(1);    
    if (u != '') {    
      var parms = decodeURIComponent(u).split('&');    
      for (var i = 0, len = parms.length; i < len; i++) {    
        if (parms[i] != '') {    
          var p = parms[i].split("=");    
          if (p.length == 1 || (p.length == 2 && p[1] == '')) {// p | p=    
            data.push(['']);    
            index[p[0]] = data.length - 1;    
          } else if (typeof(p[0]) == 'undefined' || p[0] == '') { // =c | =    
            data[0] = [p[1]];    
          } else if (typeof(index[p[0]]) == 'undefined') { // c=aaa    
            data.push([p[1]]);    
            index[p[0]] = data.length - 1;    
          } else {// c=aaa    
            data[index[p[0]]].push(p[1]);    
          }    
        }    
      }    
    }    
  })();    
  return {    
    // 獲得引數,類似request.getParameter()    
    parm : function(o) { // o: 引數名或者引數次序    
      try {    
        return (typeof(o) == 'number' ? data[o][0] : data[index[o]][0]);    
      } catch (e) {    
      }    
    },    
    //獲得引數組, 類似request.getParameterValues()    
    parmValues : function(o) { //  o: 引數名或者引數次序    
      try {    
        return (typeof(o) == 'number' ? data[o] : data[index[o]]);    
      } catch (e) {}    
    },    
    //是否含有parmName引數    
    hasParm : function(parmName) {    
      return typeof(parmName) == 'string' ? typeof(index[parmName]) != 'undefined' : false;    
    },    
    // 獲得引數Map ,類似request.getParameterMap()    
    parmMap : function() {    
      var map = {};    
      try {    
        for (var p in index) {  map[p] = data[index[p]];  }    
      } catch (e) {}    
      return map;    
    }    
  }    
}();    

這樣就能通過html跳轉傳值了

參考了下面文章

相關推薦

HTML,JSP 頁面

a.html:<script type="text/javascript" src="js/getUrlParam.js"></script> <a href="b.html?name=caoy">靜態傳值</a> b.

JSP頁面el表示式

對於jsp很多人喜歡用EL表示式去取值或者是傳值,因為它很簡潔和方便。 但是對於它的具體去傳值的使用方法卻不是很熟悉,那麼博主將給大家介紹這個表示式的使用方法: 一般來講,我們在jsp頁面之間傳值使用

純前端,html頁面方式:

純前端,html頁面間傳值方式: 1、使用window.location的href屬性,等於重新重新整理頁面,必須是get請求,post請求需要服務端解析,post是用來客戶端服務端傳遞資料 window.location.href=”b.html?valus=parm”; 傳值端 window.loca

js通過cookie對兩個沒有關系的jsp頁面進行

IT eva 有關 time bsp 關系 cape document 兩個   //Cookie取值   function readCookie (name)   {     var cookieValue = "";     v

MUI框架-02-註意事項-適用場景-實現頁面

存在 net custom fine 影響 chrom 無效 dev 選項卡 MUI框架-02-註意事項-適用場景-實現頁面間傳值 關於開發,我拷貝太多也沒什麽意義,就請查閱:官方文檔:http://dev.dcloud.net.cn/mui/ui/ 快速入門 - 註意

MUI頁面問題

在使用MUI做APP的時候,很多情況下都需要頁面間通訊傳值,mui提供了一個機制來解決這個問題:自定義事件; 比如在A頁面,需要傳參到B頁面,那麼此時B頁面就是目標介面; 在A頁面: mui.fire(target,event,data) 在這裡target是需傳值的目標webv

使用localStorage進行頁面

1.html if(window.localStorage){ var storage = window.localStorage; var userdata={ name:hui('#name').val(), phone:hui('#input_pho

靜態頁面

方法一: 定義一個點選事件方法,獲取input輸入的值,傳值開啟到新的頁面 <script language="JavaScript"> function loginChang(){ var name =document.getElementById("n

頁面 ,本地儲存sessionStorage和localStorage

頁面間傳值的方法各有不同,今天學習了一種新的傳值方式那就是 ——-sessionStorage 和 localStorage 作為本地儲存他們可以用來代替cookie的一部分儲存功能,他們比cookie儲存量更大。比較實用。 本地儲存是一個window的屬性,包括localStora

JSP中使用el標籤傳遞(兩個jsp頁面之間)

要在JSP中傳遞值,一般用java程式碼就可以實現,但是在前臺中一般儘量是不出現java程式碼的,所以要配合使用EL標籤來,獲取值,保證兩個jsp頁面之間的值傳遞,我先是在sevrlet伺服器端,使用

小程式磚塊(三)用wx.setStorage、wx.getStorage和wx.getStorageSync進行頁面

先是儲存wx.setStorage Page({ data: { testnum:""//設定測試引數 }, test:function(){ var Num = this.data.testnum; wx.setStorage({//儲

JAVASCRIPT實現的WEB頁面跳轉以及頁面方法

除了form表單提交之外的方法 1.跳轉到新頁面,並且是在新視窗中開啟時: function gogogo() { //do someghing here... window.open("target.html"); } window是一個ja

如何在JS程式碼裡獲取瀏覽器位址列傳過來的引數/頁面

要獲取瀏覽器位址列傳過來的引數,直接呼叫下面這個就行了: window.location.search 舉例: 如果URL地址為: "/edit.html?AppName=新增", 則 window.location.search = "?AppName=%E6%96%B

Asp.net WebForm頁面方法

一、使用Querystring  Querystring是一種非常簡單的傳值方式,其缺點就是會把要傳送的值顯示在瀏覽器的位址列中,並且在此方法中不能夠傳遞物件。如果你想傳遞一個安全性不是那麼太重要或者是一個簡單的數值時,用此方法最好不過了。下面通過一個小例子來完成傳值工作,步

【專案經驗】——ASP.NET頁面

最近專案中涉及到很多頁面傳值的內容,今天,就和大家分享一下最常用的集中ASP.NET頁面間傳值的幾種方法。 一、QueryString傳值 QueryString是平常傳值中用的比較多的一種方式,使用比較簡單,對於安全性要求不高時傳遞數字和文字值比較有效

cookie妙用1——頁面

這幾天,我在寫一個網站,我做前端頁面。然後一開始我把幾個結構一樣的頁面整合成一個頁面,然後通過Ajax向後臺獲取對應的資料後把不同的資料填進頁面框架裡面以生成“不同”的頁面。後來需求改了,有一個結構不一樣的頁面,而所有頁面之間要相互連結跳轉。問題來了,我要從那個獨立的頁面跳

頁面頁面的幾種方法

問題 因最近嘗試實現客戶端與服務端分離,服務端只提供介面,客戶端用html+js實現,分成兩個獨立的專案部署,因專案是個人專案,客戶端展示不考慮使用像Angular、Vue、Native這種前端框架實現,於是全部使用靜態頁面實現,請求資料用ajax,在開發的過程中,就遇到了頁面之間傳值的問題。 解決方

JS頁面

一:JavaScript靜態頁面值傳遞之URL篇 能過URL進行傳值.把要傳遞的資訊接在URL上. 例子: 引數傳出頁面Post.htm—> <input type="text"name="username"> <input type="text"

小程式之-----頁面

//登入 oLogin: function ( ) { let that = this; var pre = that.data; let avatarUrl = wx.getStorageSync('avatarUrl'); wx.request({ url: 'htt

Jquery 頁面

實現原理: 實現方式不是很複雜,父頁面A開啟一個子頁面 A1,並同時寫一個帶引數的接收資料函式Receive(result),在A1頁面進行邏輯操作,然後呼叫父頁面A的Receive(result)函式,將結果傳遞到父頁面。 使用場景:資料選擇,引數計算等在多資訊頁面同一個頁面展示影響頁面美觀。 父頁面: