JavaScriptジャンプURLパラメータ

Web 開発では、ページにジャンプしてパラメータを渡す必要がよくありますが、一般的に使用される方法は、URL の後にパラメータを追加してリダイレクトすることです。このプロセスを JavaScript で実装するにはどうすればよいでしょうか?

1. 現在の URL の取得

JavaScript では、window.location.href を通じて現在のページの URL を取得できます。例:

var currentUrl = window.location.href;

2. URL パラメータの結合

次に、パラメータを URL の末尾に結合する必要があります。一般的な方法は、URL とパラメータを区切るために疑問符 (?) を使用し、パラメータ名とパラメータ値を区切るために等号 (=) を使用し、 を使用することです。複数のパラメータ間を##接続します。例:

var url = 'http://example.com/page1.html?id=123&name=张三';

処理パラメータ値が中国語の場合、URL エンコードを実行する必要があり、エンコードには

encodeURIComponent() 関数が使用されます。例:

var name = '张三';
var encodedName = encodeURIComponent(name);
var url = 'http://example.com/page1.html?name=' + encodedName;

ページをリダイレクト

次に、

window.location.href を使用して、ページを指定された URL にリダイレクトできます。例:

window.location.href = url;

完全なコードは次のとおりです:

var name = '张三';
var encodedName = encodeURIComponent(name);
var url = 'http://example.com/page1.html?name=' + encodedName;
window.location.href = url;

上記の方法により、JavaScript でページ ジャンプとパラメータの受け渡しの機能を実現できます。実際の開発プロセスでは、パラメータを関数にカプセル化して再利用できます。例:

function redirectPage(name) {
  var encodedName = encodeURIComponent(name);
  var url = 'http://example.com/page1.html?name=' + encodedName;
  window.location.href = url;
}

redirectPage('张三');

概要

この記事では、JavaScript でページ ジャンプを実装し、パラメーターを渡す方法を学びました。パラメーターを渡す必要がある場合は、URL の後ろでパラメーターを結合し、リダイレクトに

window.location.href を使用できます。実際の開発では、このメソッドを関数にカプセル化して再利用できます。

以上がJavaScriptジャンプURLパラメータの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。