Aug 29, 2011

JavaScript get parameters from URL 使用JavaScript 從網址傳遞參數

You can create a getUrlParameter function in JavaScript to parse URL for passing/getting parameter.
可以利用 JavaScript 來剖析/傳遞網址來得到特定的參數

Step 1. using window.location.href to get URL string.
利用 window.location.href 得到網址字串

Step 2. parsing URL string.
剖析該字串

Step 3. call getUrlParameter function to get specified parameter
利用getUrlParameter 來取得特定的參數


Below is a example for parsing URL like: "http://xxxxxx?A=1&B=2",
以下是一個剖析如 "http://xxxxxx?A=1&B=2" 的網址,

call getUrlParameter("A") to get value "1" and call call getUrlParameter("B") to get value "2"
利用 getUrlParameter("A") 可得到 "1",利用 getUrlParameter("B") 可得到 "2"





function getUrlParameter(para){
  var value=""; /* parameter's value */
  var url = window.location.href;
  var urlParseQ=url.split("?"); /* url string after question mark */  
  
  var urLAfterQ;


  if (urlParseQ.length < 2){
 return "";
}
  else{
 urlAfterQ=urlParseQ[1];
  }
  
  /* urlAfterQ may be A=1&B=2 */
  var urlParameterPair=urlAfterQ.split("&");
   
   /* urlParameterPair[0] may be A=1*/
  for (i=0; i<urlParameterPair.length; i++){
    
 var ParameterPair=urlParameterPair[i].split("=");

 /* ParameterPair[0] may be A,  ParameterPair[1] may be 1*/
    if (ParameterPair[0] == para)
    {
      value = ParameterPair[1];
      break;
    }
  }


  return value;
}



reference:
http://blog.eddie.com.tw/2006/08/08/pass-parameters-between-html-pages/

No comments:

Post a Comment