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 "";
  /* 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];

  return value;


No comments:

Post a Comment