DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JS實現頁面跳轉參數不丟失的方法
JS實現頁面跳轉參數不丟失的方法
編輯:關於JavaScript     

本文實例講述了JS實現頁面跳轉參數不丟失的方法。分享給大家供大家參考,具體如下:

需求:頁面編輯後,返回列表頁面,參數不丟失,能夠記住頁數以及篩選條件。

我堅信,不管白貓黑貓,能捉到耗子的就是好貓,當然如果能夠高效的,簡單的處理最好。

我的思路就是,把列表頁面地址作為參數傳遞過去。

這裡就會面臨一個問題,url本身就是由多個參數組成的,這樣純粹的傳遞,就會出問題,參數丟失。

所以要對url進行加密。

escape()、encodeURI()、encodeURIComponent()

JavaScript中有三個可以對字符串編碼的函數,分別是: escape,encodeURI,encodeURIComponent,相應3個解碼函數:unescape,decodeURI,decodeURIComponent 。

escape()除了 ASCII 字母、數字和特定的符號外,對傳進來的字符串全部進行轉義編碼,因此如果想對URL編碼,最好不要使用此方法。而encodeURI() 用於編碼整個URI,因為URI中的合法字符都不會被編碼轉換。encodeURIComponent方法在編碼單個URIComponent(指請求參數)應當是最常用的,它可以將參數中的中文、特殊字符進行轉義,而不會影響整個URL。

經過測試,發現encodeURIComponent方法可以很好的解決這個問題。

1.設置url

// 設置當前url
var list_url = '/document/order/default.php?page=' + page_nums + '&'+ $("#form1").serialize();
var e_list_url = encodeURIComponent(list_url);
$("#list_url").val(e_list_url);

2.傳遞url

var list_url = $('#list_url').val();
window.location.href='/document/order/view.php?order_id='+order_id+'&action=edit&handler=admin&list_url='+list_url;

3.解析url並跳轉

var list_url = '<?php echo $list_url;?>';
d_list_url = decodeURIComponent(list_url);
window.location.href = d_list_url;

這樣就能實現,參數不丟失了。主要就是頁碼和篩選條件。

更多關於JavaScript相關內容感興趣的讀者可查看本站專題:《javascript編碼操作技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》、《JavaScript中json操作技巧總結》、《JavaScript切換特效與技巧總結》、《JavaScript錯誤與調試技巧總結》及《JavaScript數學運算用法總結》

希望本文所述對大家JavaScript程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved