利用Ajax技术实现检索的高速化

| 评论(1) | 暂无引用通告

看到这里利用Ajax技术来实现MT内部检索的高速化,感觉还是很好,检索的速度的确实现了高速化,而且检索的内容也包含了留言。可以在这里的检索里输入一些词语试试就知道了。

安装这个检索的方法是

首先在模板那里新增一个索引模板,取名为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:""}
]
}

然后将现行的MT内的检索文法换为下面的

<script type="text/javascript" src="http://www.ikias.com/prototype.js"></script>
<script type="text/javascript" src="http://www.ikias.com/blog_ajax_json_search.js"></script>
<form action="javascript:blogAjaxJsonSearch( '/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(
'/search_data.txt', document.getElementById('search_box').value );" value="搜索"
/>
</form>
<div class="content"></div> 

上面红色的两个JavaScript文件是我为了实现汉语化,从作者那里取得的,如果你也想放到自己的服务器里使用的话,请不要删除检索结果最后的作者出处。当然,这两个JavaScript文件一直在我的服务器里,不用改变上面JavaScript文件的地址你也可以直接使用的。

最后面的<div class="content"></div> 是显示检索的结果,放到你想显示的地方就可以了。我是单独制作了一个检索专用的网页,然后将Link放到了网站的右上角了。

暂无引用通告

发送引用通告网址: http://www.ikias.com/mt-tb.cgi/100
如果您想引用这篇日记到您的Blog,请复制上面的链接,放置到您发表文章时的相应界面中。

评论(1)

高速是高速了。但是实际上把资源损耗转嫁到了 “发表”时候的重建上,另外,检索的时候,庞大的search_data.txt会全部下载下来的,这就是为什么第一次比较慢,而第2次再次检索提速的原因。。
:)
对于比较少页面的blog绝对是个好主意。但是一旦数据一多就不可取了。

发表评论

关于此日记

此日记由 ikias 发表于 2006年9月22日 00:59

此Blog上的上一篇日记StyleCatcher by loftwork

此Blog上的下一篇日记帝王切开

首页归档页可以看到最新的日记和所有日记。