solr json ajax

用ajax去请求solr服务。返回json，然后解释。让solr返回json的参数是wt=json。然后javascript用evel()解释成对象。
我的solr会返回：auother,title,introduce这几个域。先创建一个jsp或html，如：json.jsp

1.json.jsp关键的html内容

  <form action="select/" name="f1" method="get" onsubmit="xmlhttpPost('/solr/select'); return false;" >
      Chenlb: 
      <input type="text" name="q" size="80" value="文档">
      <input name="start" type="hidden" value="0">
    <input name="rows" type="hidden" value="10">
    <input name="indent" type="hidden" value="on">
    <input name="wt" type="hidden" value="">
      <input type="button" value=" 搜 索 " onclick="xmlhttpPost('/solr/select');">
      <input type="button" value=" get json " onclick="document.forms['f1'].wt.value='json';document.forms['f1'].submit();">
      <input type="button" value=" get xml " onclick="document.forms['f1'].wt.value='';document.forms['f1'].submit();">
  </form>
  <div style="background-color: #ccccff; height: 15px;"></div>
  <p>
    <div id="header"></div>
    <div id="response"></div>
    <table id="docs" class="tab" cellspacing="1">
        <tr height="25" style="background-color: #cccccc; color: #0000ff;">
            <td>作者</td>
            <td>简介</td>
            <td>标题</td>
            <td>score</td>
        </tr>
    </table>

2.javascript部分

function xmlhttpPost(strURL) {
    var xmlHttpReq = false;
    var self = this;
    if (window.XMLHttpRequest) { // Mozilla/Safari
        self.xmlHttpReq = new XMLHttpRequest(); 
    }
    else if (window.ActiveXObject) { // IE
        self.xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
    }
    
    var params = getstandardargs().concat(getquerystring());
    var strData = params.join('&');
    
    var header = document.getElementById("response");
    header.innerHTML = strURL+'?'+strData;

    self.xmlHttpReq.open('get', strURL+'?'+strData+'&time='+new Date().getTime(), true);
    self.xmlHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    self.xmlHttpReq.onreadystatechange = function() {
        if (self.xmlHttpReq.readyState == 4) {
            updatepage(self.xmlHttpReq.responseText);
        }
    }
    self.xmlHttpReq.send(null);
}

function getstandardargs() {
    var params = [
        'wt=json'
        , 'indent=on'
        , 'hl=true'
        , 'hl.fl='
        , 'fl=*,score'
        , 'start=0'
        , 'rows=10'
        ];

    return params;
}
function getquerystring() {
  var form = document.forms['f1'];
  var query = form.q.value;
  qstr = 'q=' + encodeURI(query);    //escape
  return qstr;
}

// this function does all the work of parsing the solr response and updating the page.
function updatepage(str){
  //document.getElementById("response").innerHTML = str;
  var rsp = eval("("+str+")"); // use eval to parse Solr's JSON response
  parse(rsp);
}

function parse(j) {
    var header = document.getElementById("header");
    var rh = j.responseHeader;
    var header_str = " 搜索: """+rh.params.q+""", 花了: "+rh.QTime+"ms, 共显示: "+j.response.numFound+"条记录, 总共有: "+rh.params.rows;
    header.innerHTML = header_str;
    var docs = j.response.docs;
    var tab = document.getElementById("docs");
    for(; tab.rows.length >1; ) {
        tab.deleteRow(-1);
    }
    var tr;
    var td;
    for(var i=0; i<docs.length; i++) {
        tr = tab.insertRow(-1);
        td = tr.insertCell(-1);
        td.innerHTML = docs[i].author;
        
        td = tr.insertCell(-1);
        td.innerHTML = docs[i].introduce;
        
        td = tr.insertCell(-1);
        td.innerHTML = docs[i].title;
        
        td = tr.insertCell(-1);
        td.innerHTML = docs[i].score;
    }
   }

3.现在可以搜索了。
http://localhost:8080/solr/json.jsp