JavaScriptでリクエストパラメータを取得する方法

JavaScript によるリクエスト パラメータの取得方法: 1. JavaScript を通じてブラウザの URL を取得する; 2. Javascript を通じて URL 内の特定のパラメータの値を取得する; 3. URL を取得するための jQuery のメソッドを拡張するjquery を介したパラメータ。

この記事の動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

JavaScript でリクエスト パラメータを取得するにはどうすればよいですか?

JavaScript は get メソッドでリクエスト パラメーターの値を取得します

1. JavaScript を通じてブラウザ URL を取得する実装

window.location.href

実際には、基本的なものだけを使用します。 JavaScript オブジェクトのウィンドウ。

2. Javascript を通じて URL 内の特定のパラメーターの値を取得します。

function getUrlParam(name) {
//构造一个含有目标参数的正则表达式对象
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
//匹配目标参数
var r = window.location.search.substr(1).match(reg);
//返回参数值
if(r != null) {
return decodeURI(r[2]);
}
return null;
}

この関数を通じて URL 内のパラメーター名を渡すことで、パラメーターの値を取得できます。 、URL は

http://127.0.0.1:8020/JavaScriptFunction/index.html?bb=1&aa='张三'

です。bb と aa の値を取得したい場合は、次のように記述できます:

var bb = getUrlParam('bb');
var aa = getUrlParam('aa')

3. このメソッドを使用して、 jQuery 経由で URL パラメータを取得するための jQuery 用メソッド 以下のコードを jquery 用に拡張した getUrlParam() メソッド

(function($) {
$.getUrlParam = function(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if(r != null) return decodeURI(r[2]);
return null;
}
})(jQuery);

4. 中国語文字化け防止のための取得パラメータについて

渡す場合パラメータを解析すると、中国語の文字のエンコードに encodeURI が使用されることが判明したため、上記の方法はパラメータのエンコードを解析するときに decodeURI を使用することで、Javascript でパラメータのエンコードおよびデコード方法が一貫していることを保証し、中国語の文字化けを防ぎます。

JavaScript には、よく使用されるエンコード関数とデコード関数が 2 つあります。

   encodeURI()   decodeURI() 
    encodeURIComponent()    decodeURIComponent()

[推奨学習: JavaScript 上級チュートリアル ]

以上がJavaScriptでリクエストパラメータを取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。