Javascript/jQueryを使用してセグメントベースのURLでクエリ文字列を取得する

Question

私は通常のクエリーストリングlijke http://www.mydomain.com/index.php?age=11&name=john&color=redの代わりにhttp://www.mydomain.com/age/11/name/john/color/redのようなセグメントベースのURLを使用するPHPフレームワークCodeigniterを使用しています。

ageキーの値をJavascript/jQueryを使用してURLから取得するにはどうすればよいですか？

値11を取得した後、イベントが発生したときにjQueryオブジェクトに渡します。

$("#searchdistance_slider").slider({ 
     range: "min", 
     value: 5, 
     min: 0.5, 
     max: 10, 
     slide: function(event, ui) { 
      $("#search_distance").val(ui.value + " miles"); 
      window.location.replace("http://www.domain.com/" + age); 
      /* passing the value of age into URL to redirect to */ 
     } 
    }); 

UPDATE

• キー/値のペアが位置を変更することができ、およびURLでキー/値ペアの数が
• に固定されていない私は、値を取得する必要がありますユーザーが特定の値を変更するには、スライダを使用しているため、Javascriptの内は、ageを言うと、スライダーの新しい値20はredirecするのに使用されますユーザーにhttp://www.mydomain.com/age/20/name/john/color/red

Answer 1

jQuery URL parserプラグインを試すことができます。

.segment(n)コールを使用してURLパスを検索して"age"を探し、次のものを探して、探している年齢の値を含める必要があります。

それともageが常に同じ位置にある場合.fsegment(n)方法を試してみてください。

か何かのように.segment()を使用する：あなたが唯一のage一部をしたい場合は、あなたが持っていない

var parts = $.url(your_url).segment(); 
var params = []; 
for (var i=0; i<parts.length/2; i++) { 
    params[parts[2*i]] = parts[2*i+1]; 
} 
var age = parseInt(params['age']); 

（私もそれを行うためのきれいな方法があると確信しています。）

そのすべてを辞書に詰め込む。必要なキーが見つかったら早期にループを終了してください。

var parts = {}, 
    bits = location.pathname.substr(1).split('/'); // get rid of first/and split on slashes 

for (var i = 0; i<bits.length; i += 2) { 
    parts[bits[i]] = bits[i+1]; 
} 

あなたはその後、age値にアクセスすることができます：あなたはこのようなもので、それを分割することができ

var parts = $.url(your_url).segment(); 
var newpath = ''; 
for (var i=0; i<parts.length/2; i++) { 
    if (parts[2*i] == 'age') { 
    newpath += '/age/' + (parseInt(parts[2*i+1]) + 42); // put your age modifiy 
                 // code here 
    } else { 
    newpath += '/' + parts[2*i] + '/' + parts[2*i+1]; 
    } 
} 
alert(newpath); 

Answer 2

：あなたが変更された年齢とのパスを再構築したい場合は

、のようなものを試してみてくださいparts.ageとなります。

Answer 3

あなたのコードが実行される前に、あなたのPHPスクリプトに次の行を追加します。

<?php 
$getAgre = (isset($_GET['age']) && strlen($_GET['age'])>0)? $_GET['age'] : 'null'; 
echo '<script>var age = '. $getAge .';</script>'; 
?> 

編集：[「年齢」]いくつかのセキュリティは$ _GETのコンテンツを表示する前にチェックし、あなたが持っていることを確認し、あなたのJSうあなたのイベントがの方が良いでしょう。スライダー（）は、変数があなたはあなたの全体の現在のURLを与え、その後、必要な情報を取得するために、文字列でビットを果たしますwindow.location.href変数を使用することができます

Answer 4

存在し得るかどうかをチェック。部分文字列、分割、さらには正規表現。これがうまくいく

：

var ageMatch= window.location.href.match(/age\/([\d]*)/); 
var age= ageMatch[1]; 

念のために、あなたも同じように簡単にURLを更新することができます。

var newUrl= window.location.href.replace(/age\/([\d]*)/, age); 
window.location.href= newUrl;