JSはキー値に基づいてURL内のパラメータ値を取得し、URLパラメータをjson object_javascriptスキルに変換します

WBOY
リリース: 2016-05-16 15:42:39
オリジナル
1419 人が閲覧しました

これ以上はナンセンスです。コードを投稿しましょう。例 1 では、JS がキー値に基づいて URL のパラメーター値を取得し、URL パラメーターを JSON オブジェクトに変換する方法を説明しています。詳しくは下記URLよりご覧ください。

例 1:

// URL のパラメータ部分を json オブジェクトに変換します

 parseQueryString: function (url) {
  var reg_url = /^[^\?]+\?([\w\W]+)$/,
   reg_para = /([^&=]+)=([\w\W]*?)(&|$|#)/g,
   arr_url = reg_url.exec(url),
   ret = {};
  if (arr_url && arr_url[1]) {
   var str_para = arr_url[1], result;
   while ((result = reg_para.exec(str_para)) != null) {
    ret[result[1]] = result[2];
   }
  }
  return ret;
 }
ログイン後にコピー

// キー を通じて URL 内のパラメータ値を取得します

 getQueryString: function (name) {
  var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
  var r = window.location.search.substr(1).match(reg);
  if (r != null) return unescape(r[2]);
  return null;
 }
ログイン後にコピー

例 2:

js は、次の 2 つのメソッドを通じてパラメータを渡す URL を取得します:

パラメータを渡して URL を取得する JS メソッド:

ここでは、QUESTRING パラメーターを使用して URL を取得するための JAVASCRIPT クライアント ソリューションを示します。これは、ASP の request.querystring および PHP の $_GET

に相当します。 機能:

<Script language="javascript">
function GetRequest() {
 
 var url = location.search; //获取url中"&#63;"符后的字串
 var theRequest = new Object();
 if (url.indexOf("&#63;") != -1) {
  var str = url.substr(1);
  strs = str.split("&");
  for(var i = 0; i < strs.length; i ++) {
   theRequest[strs[i].split("=")[0]]=(strs[i].split("=")[1]);
  }
 }
 return theRequest;
}
</Script>
ログイン後にコピー

次に、この関数を呼び出して、対応するパラメーター値を取得します:

<Script language="javascript">
var Request = new Object();
Request = GetRequest();
var 参数1,参数2,参数3,参数N;
参数1 = Request[''参数1''];
参数2 = Request[''参数2''];
参数3 = Request[''参数3''];
参数N = Request[''参数N''];
</Script>
ログイン後にコピー

URL 文字列内の同じ名前のパラメータを取得します

js がパラメータを渡す URL を取得する方法 2 通常の解析方法:

function GetQueryString(name) {
  var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i");
  var r = window.location.search.substr(1).match(reg);
  if (r!=null) return (r[2]); return null;
}
alert(GetQueryString("参数名1"));
alert(GetQueryString("参数名2"));
alert(GetQueryString("参数名3"));
ログイン後にコピー

その他のパラメータの紹介:

//オブジェクトで指定されたファイル名またはパスを設定または取得します。

alert(window.location.pathname);
ログイン後にコピー

//URL 全体を文字列として設定または取得します。

alert(window.location.href);
ログイン後にコピー

//URL に関連付けられたポート番号を設定または取得します。

alert(window.location.port);
ログイン後にコピー

//URL のプロトコル部分を設定または取得します。

alert(window.location.protocol);
ログイン後にコピー

//href 属性のポンド記号「#」の後のセグメントを設定または取得します。

alert(window.location.hash);
ログイン後にコピー

//場所または URL のホスト名とポート番号を設定または取得します。

alert(window.location.host);
ログイン後にコピー

//href 属性の疑問符以降の部分を設定または取得します。

alert(window.location.search);
ログイン後にコピー
上記の内容では、キー値に基づいて URL 内のパラメーター値を取得する JS と、URL パラメーターを JSON オブジェクトに変換する JS を 2 つの方法で URL 送信パラメーターを取得するコード

を紹介します。

とても簡単なので、皆さんのお役に立てれば幸いです。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート