jQueryを使用してURLパラメーターを取得します

このjQueryコードスニペットは、URLのパラメーターとして保存された動的変数を取得し、スクリプトで使用するJavaScript変数として保存するために使用されます。世界は動的なWebアプリケーションに移行しているため、ハッシュURLとは異なります。したがって、URL文字列のデコードなどの操作は、今後数年間で人気があります。

$.urlParam = function(name){
    var results = new RegExp('[\?&]' + name + '=([^]*)').exec(window.location.href);
    return results[1] || 0;
}

// example.com?param1=name&param2=&id=6
$.urlParam('param1'); // name
$.urlParam('id');        // 6
$.urlParam('param2');   // null

// 带空格的参数示例
http://www.jquery4u.com?city=Gold Coast
console.log($.urlParam('city'));  
//输出：Gold%20Coast

console.log(decodeURIComponent($.urlParam('city')));  
//输出：Gold Coast

これは、テキスト入力フィールドのデフォルト値を設定するために使用できます。たとえば、

$('#city').val(decodeURIComponent($.urlParam('city')));

この機能を改善してくれたBjverdeに感謝します

JQuery（FAQS）

のURLパラメーターのFAQ

$.urlParam = function(name){
    var results = new RegExp('[\?&]' + name + '=([^]*)').exec(window.location.href);
    if (results==null){
       return null;
    }
    else{
       return results[1] || 0;
    }
}

jQueryを使用してURLパラメーターを取得する方法は？

jQueryを使用してURLパラメーターを取得するには、

属性を使用できます。このプロパティは、URLのクエリ文字列パラメーターを返します。その後、

メソッドを使用して、クエリ文字列の先頭に疑問符を削除できます。その後、パラメーターを＆文字で分割できます。簡単な例を次に示します：

window.location.search substring()ここで、

配列内の各要素はURLパラメーターを表します。さらに、各パラメーターを等記号で分割して、パラメーター名と値を分離できます。

var params = window.location.search.substring(1).split('&');

jquery.param（）メソッドの使用方法は？ params

メソッドは、配列またはオブジェクトのシリアル化された表現を作成するユーティリティ関数です。これは、配列またはオブジェクトからクエリ文字列を作成する場合に役立ちます。例は次のとおりです。

この例では、jQuery.param()

は文字列「name = john＆age = 30」になります。

var params = { name: 'John', age: 30 };
var queryString = $.param(params);

jQueryなしでURLパラメーターを取得できますか？ queryString

はい、純粋なJavaScriptを使用して、jQueryを使用せずにURLパラメーターを取得できます。 JavaScriptの

オブジェクトは、現在のURLを処理するために使用できるプロパティと方法を提供します。たとえば、

プロパティを使用して、クエリ文字列パラメーターを取得できます。

window.location jQueryを使用してURLパラメーターを設定する方法は？ window.location.search

jQueryは、URLパラメーターを設定するための組み込みメソッドを提供しません。ただし、JavaScriptの

オブジェクトを使用してURLを変更できます。ページをリロードせずにURLを変更したい場合は、

メソッドを使用できます。

window.location jQueryを使用して特定のURLパラメーターを削除する方法は？ history.pushState()

特定のURLパラメーターを削除するには、最初に

属性を使用してすべてのパラメーターを取得できます。その後、削除するパラメーターを含まない新しいクエリ文字列を作成できます。その後、

メソッドを使用して新しいクエリ文字列を設定できます。

window.location.search jQueryを使用して、URLパラメーターが存在するかどうかを確認する方法は？ history.pushState()

属性を使用してすべてのパラメーターを取得することにより、URLパラメーターが存在するかどうかを確認できます。その後、パラメーターを分割して、探しているパラメーターが配列にあるかどうかを確認できます。

jQueryを使用してURLのハッシュパラメーターを処理できますか？

はい、window.location.hash属性を使用して、URLのハッシュパラメーターを処理できます。このプロパティは、URLのハッシュシンボルの後に部品を返します。

jQueryを使用して複数のURLパラメーターを取得する方法は？

複数のURLパラメーターを取得するには、window.location.search属性を使用して、パラメーターを＆文字で分割できます。結果配列の各要素は、URLパラメーターを表します。

ページをリロードせずにjQueryを使用してURLを変更できますか？

はい、JavaScriptのhistory.pushState()メソッドを使用してページをリロードせずにURLを変更できます。この方法は、ブラウザの履歴に新しいエントリを追加します。

jQueryを使用してAjax要求でURLパラメーターを処理する方法は？

ajaxリクエストにjqueryを使用する場合、URL文字列にURLパラメーターを含めることができます。または、パラメーターを含めるには、$.ajax()メソッドのdataオプションを使用できます。このオプションは、オブジェクトまたは配列をクエリ文字列に自動的に変換します。

以上がjQueryを使用してURLパラメーターを取得しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。