jqueryはコントロール層にジャンプします-フロントエンドQ&A-php.cn

jqueryはコントロール層にジャンプします

WBOY

リリース： 2023-05-08 18:33:07

オリジナル

552 人が閲覧しました

フロントエンド開発では、jQuery は一般的に使用される JavaScript ライブラリであり、DOM の操作とイベントの処理のためのシンプルで使いやすいメソッドを提供します。 Web アプリケーションでは、jQuery を使用してページをジャンプしたり制御したりする必要がある場合がありますが、これにはいくつかの基本的な知識とスキルを習得する必要があります。

この記事では、次の点を含め、jQuery を使用してコントロール層にジャンプする方法を紹介します。

URL 情報の取得
URL 情報の変更
コントロール層にジャンプ
概要
URL情報を取得

jQueryを使用してページにジャンプする前に、まずURLを取得する必要があります。現在のページの情報。これは、JavaScript の location オブジェクトを通じて実現できます。 location オブジェクトには、現在の URL、ページのプロトコル、ホストアドレス、パス、パラメータなどのページの URL 情報が含まれます。

次のコードを使用して、現在のページの URL 情報を取得できます:

var currentUrl = window.location.href;

ログイン後にコピー

このコードは、現在のページの完全な URL リンクを取得できます。

指定された URL 情報のパラメータを取得する必要がある場合は、次のコードを使用できます:

function getParameterByName(name) {
    name = name.replace(/[[]/, "\[").replace(/[]]/, "\]");
    var regex = new RegExp("[\?&]" + name + "=([^&#]*)"),
    results = regex.exec(location.search);
    return results === null ? "" : decodeURIComponent(results[1].replace(/+/g, " "));
}

ログイン後にコピー

この関数はパラメータ名を受け取り、URL 内のパラメータに対応する値を返します。。

URL 情報の変更

URL 情報を取得した後、パラメーター値やパスなど、その値の一部を変更する必要がある場合があります。 jQuery の attr() メソッドを使用して URL 情報を変更できます。

次は URL パスを変更する例です:

var currentUrl = window.location.href;
var newUrl = currentUrl.replace("oldPath/", "newPath/");
$(location).attr("href", newUrl);

ログイン後にコピー

このコードは、現在のページの URL 情報を取得し、replace() メソッドを使用して古いパスを新しいパスに置き換えます。パスを指定し、attr() メソッドを使用して、変更された URL をウィンドウの href 属性に割り当てます。これにより、新しいパスに対応するページにジャンプします。

コントロール層へのジャンプ

実際のアプリケーションでは、ページジャンプ時にコントロール層を追加する必要がある場合がありますが、これはjQueryのAjaxメソッドを使用して実現できます。 Ajax はページ内でデータを送受信するためのテクノロジーであり、ページ全体を更新せずにページの一部を更新できます。

以下は、Ajax を使用してコントロール層にジャンプする例です。

$.ajax({
    type: "POST",
    url: "control.php",
    data: "id=1&name=Tom",
    success: function(){
        alert("成功跳转到控制层！");
    }
});

ログイン後にコピー

このコードは、Ajax を使用して、パラメータ ID と現在のページの名前をコントロール層に渡し、ポップします。通話が成功するとプロンプトボックスが表示されます。これにより、ページ全体を更新せずにコントロールレイヤにジャンプできます。

まとめ

今回は、jQueryを使ってコントロール層にジャンプする方法を紹介しました。まず、現在のページの URL 情報を取得し、attr() メソッドを使用してそれを変更する必要があります。最後に、Ajax を使用してページジャンプと制御を実現できます。これらのスキルを習得すると、Web アプリケーションでのページジャンプと制御をより適切に実装できるようになります。

以上がjqueryはコントロール層にジャンプしますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。