Google Search Ajax API 实现站内搜索（转）

Google search 可以很容易实现站内搜索， 首先你需要到http://code.google.com/apis/ajaxsearch/signup.html 注册API Key。

将下面的代码存为html文件

<script src="http://www.google.com/jsapi?key=ABQIAAAAoA_CzZ1j3fi975O5J0e28BTDgCurGPx7iDb5srKt0_zm3xn5GhSJK0sSDriiqfPAwr6wcPf7cpLPoQ" type="text/javascript"></script>
    <script language="Javascript" type="text/javascript">
    //<![CDATA[
 
    google.load("search", "1");
 
    function OnLoad() {
      // Create a search control
      var searchControl = new google.search.SearchControl();
 
      searchControl.setResultSetSize(google.search.Search.LARGE_RESULTSET)
 
     var options = new google.search.SearcherOptions();
    options.setExpandMode(google.search.SearchControl.EXPAND_MODE_OPEN);
    options.setRoot(document.getElementById("searchResult")); //自定义结果输出div
 
    var webSearch = new google.search.WebSearch();
    webSearch.setUserDefinedLabel("www.flyblog.info"); //站内搜索的网站
    webSearch.setUserDefinedClassSuffix("webSearch");
    webSearch.setSiteRestriction("www.flyblog.info");
      searchControl.addSearcher( webSearch,options);
       // Tell the searcher to draw itself and tell it where to attach
      searchControl.draw(document.getElementById("searchcontrol"));//默认的输出div
 
      // Execute an inital search
 
      searchControl.execute("google"); //搜索关键字
    }
    google.setOnLoadCallback(OnLoad,true);
 
    //]]>
    </script>

 

之后在html文件中添加两个div， 一个id为searchcontrol， 这是默认的输出结果的div，如果你需要自己自定义输出结果那么添加另一个div并设定id为searchResult