ホームページ > 記事 > ウェブフロントエンド > JSはキー値に基づいてURL内のパラメータ値を取得し、URLパラメータをjson object_javascriptスキルに変換します
これ以上はナンセンスです。コードを投稿しましょう。例 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中"?"符后的字串 var theRequest = new Object(); if (url.indexOf("?") != -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>
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);
を紹介します。
とても簡単なので、皆さんのお役に立てれば幸いです。