跳到主要內容

javascript字串轉換

當我們在執行網頁間的傳送資料時,字串間常會有出現『/#+!...』的特殊字眼。
而接收方的網頁上常常會以空白的方式呈現,或是直接消失。造成錯誤的資料傳遞。
為避免此情況發生,我們可以使用 javascript encodeURIComponent() 函式先將傳送方的資料做一次utf-8編碼。
使用方法:
傳送方網頁 send.html
<html>
  < head>
   < title> 傳方送方 < /title>
   < script type="text/javascript">
    function query_send() {
     tourl = 'doquery.php';
     send_variable = "supply_id=" + document.getElementById('supply_id').value;
     send_variable += "&memo_key=" + encodeURIComponent(document.getElementById('memo_key').value);
     post_ajax(tourl, show_list, send_variable);
    }
     function show_list() {
       if (http_request.readyState == 4) {
         if (http_request.status == 200) {
           document.getElementById('list_area').innerHTML = http_request.responseText;
         }
       }
    }
  < /script>
</HEAD>
<BODY>
   查詢條件:
           廠商:  < INPUT TYPE='text' id='supply_id' style='width:50px'>
           備註:  < INPUT TYPE='text' id='memo_key' style='width:120px'>
            < A href='javascript:void(0)' onclick='query_send()' > 查詢 < /A>
     < DIV id='list_area' >   < /DIV>
</BODY>
</HTML>

--------------------------------------------------------------------------------------
接收方網頁 doquery.php
<? php
    $supply_id = $_REQUEST['supply_id'];
    $memo_key  = stripSlashes(htmlentities($_REQUEST['memo_key'])); // 因為encodeURIComponent不處理單引號,所以,於PHP程式中再處理單引號的轉換。
    echo "廠商內容:".$supply_id."
備註內容:".$memo_key;
?>

留言

這個網誌中的熱門文章

合歡北峰

8/27 合歡山松雪樓停車場在燦爛星空下紮營。 星芒如漫畫般的閃耀,星光旁的雲是白的,月光是亮黃的, 天空是深藍,遠方的樹稍是黑的。 8/28 被鳥叫聲喚醒 ,有一種幸褔的感受。 微亮的晨曦為冷冽的空氣帶來些許的溫暖。 我站在與雲同高的高度。 仰望天空一片的堪藍,平視四週翠綠的山色襯映著幾片淨白 雲色。 好久不見! 我帶著不同的心 境,浮燥的思緒,來向你傾倒這段日子的不 快。 來這裡沉澱揚起的塵埃。 你壯麗的身影不變,你峻陡的姿態不變。 我總是喜歡爬到你的頭上,看著遠方在我腳下的雲彩。 煩燥的一切隨著 微涼的風飄向遠方... 別了,那曾經是我執著的目標。 再見了,那曾是我在意的思緒。 放手吧,那曾是我以為最真實的情感。

Colorbox 使用筆記

Colorbox 詳細使用說明請參考 a jQuery lightbox 情境一: 當開發RWD網頁時,我想將 lightbox 的寬度依顯示螢幕的寬度來決定。 想讓 lightbox 的內容不會太擁擠或太空洞。 <script> var deviceWidth = 0; $(function() { deviceWidth = $(window).width(); $(window).resize(function(){ deviceWidth = $(window).width(); }); }); function showMessage() { var colorboxWidth = "100%"; if (deviceWidth > 767) { colorboxWidth = "70%"; } $.colorbox({innerWidth: colorbox}); } </script> 情境二: 為了讓使用者確實閱讀完 lightbox 內的訊息,想將關閉 lightbox 的熱鍵移除。 <script> function showMessage() { $.colorbox({ escKey: false,  // 按下esc鍵關閉 Colorbox 視窗 arrowKey: false,  // 按下方向鍵關閉 Colorbox 視窗 overlayClose: false  // 在背景遮罩點一下滑鼠左鍵,關閉 Colorbox 視窗 }); } </script> 情境三: 當 Lightbox 內的訊息太長,或需要互動性質的內容,開啓 iframe 功能,互動換頁才不會讓整個網頁換掉。 <script> function showMessage() { $.colorbox({ escKey: false, arrowKey: false, o...

動態變更事件函數

因為供應型態的變更,會影響查詢選單的內容。為使用者方便,我們會使用到動態變更的方法來達成。 HTML 採購(INPUT TYPE='radio' id='purchase' name='purchase' value='0' onclick='change_menu(this)' checked) 製程(INPUT TYPE='radio' id='workcenter' name='purchase' onclick='change_menu(this)' value='1') 提供單位:(INPUT TYPE='text' id='supply_id' style='width:90px' ondblclick='search_supply(this)') Javascript function change_menu(topost) {   if (topost.id == 'purchase') {     node('supply_id').ondblclick = new Function("search_supply(this)");   } else {     node('supply_id').ondblclick = new Function("menu_terms(this, '1')");   } } 如果變更的Function 不需要參數,則直接填入Function 名稱即可。如: function change_menu(topost) {   if (topost.id == 'purchase') {     node('supply_id').ondblclick = search_supply;   } else {     node('supply_id').ondblclic...