しゃけ

RewriteRuleの動作テスト

パーマリンクから JavaScript でパラメータを取得して、結果を出力しています。
指定ディレクトリ以下の URL を htaccess でリライトさせています。
検証用リンク にある一覧から、各パラメータの結果を確認してくだい。

※HTML5でコーディングしているので、IE8以前には対応していません。

検証結果

検証用リンク

以下のリンクをクリックして、確認できます。

ソースサンプル

.htaccessの設定

「/develop/rewrite/2011/01/04」を「/develop/rewrite/#/2011/01/04」にリライトします。

RewriteEngine On
RewriteBase /develop/rewrite/
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^([a-zA-Z0-9_-]+)/?$ #/$1 [NE]
RewriteRule ^([a-zA-Z0-9_-]+)/([a-zA-Z0-9_-]+)/([a-zA-Z0-9_-]+)/?$ #/$1/$2/$3 [NE]

JavaScriptの内容

JavaScriptでURLからパラメータを取得して、結果を出力します。

var loc=(document.location.href).substr(('http://syake-web.com/develop/rewrite/').length).replace(/^#\u002f?/,"").replace(/\u002f$/,"");
	
// ハッシュを配列にした検証結果を生成
var doc=$('#result');
if(loc!=''){
  var q=loc.split('/');
  var ul=$('<ul>');
  for(var e in q){
    ul.append($('<li>'+q[e]+'</li>'));
  }
  doc.append(ul);
}else{
  doc.append('パラメータは見つかりませんでした。');
}