激速!「Ajax」でのブログ内全文検索

  • 投稿日:
  • by

Ajaxを使った、ブログ内の高速全文検索を発見しました。

恐ろしいくらい高速です(^^;)

設置も恐ろしく簡単です(笑)

まずは、以下をインデックステンプレートとして作成します。

出力ファイル名は「search_data.txt」とします。
出力先は、ブログのルートがいいらしいです。

<?xml version="1.0" encoding="utf8"?>
{
data:[
<MTEntries all="1">{
title:"<$MTEntryTitle remove_html="1" encode_js="1"$>"
,link:"<$MTEntryLink$>"
,body:"<$MTEntryBody remove_html="1" encode_js="1"$><$MTEntryMore remove_html="1" encode_js="1"$><MTComments>【<$MTCommentAuthor remove_html="1" encode_js="1"$>】<$MTCommentBody remove_html="1" encode_js="1"$></MTComments>"
},</MTEntries>
{title:"",link:"",body:""}
]
}


次に、Ajax検索フォームを埋め込みます。

<script type="text/javascript" src="http://java.cocolog-nifty.com/blog/files/javascript/prototype.js"></script>
<script type="text/javascript" src="http://furyu.tea-nifty.com/script/blog_ajax_json_search.js"></script>
<form action="javascript:blogAjaxJsonSearch( '<$MTBlogSitePath$>search_data.txt', document.getElementById('search_box').value );">
<input type="search" id="search_box" value="" size="30" />
<input type="button" id="search_button" onclick="javascript:blogAjaxJsonSearch(
'<$MTBlogSitePath$>search_data.txt', document.getElementById('search_box').value );" value="サイト内検索"
/>
</form>
<div class="content"></div>

青文字の部分で「search_data.txt」を指定します。


赤文字の部分に検索結果が表示されます。


設置するとこんな感じです。


こちらで実際に設置したので、体験してみてください。

激速なのがわかります。。。