📄 test.jsp

📁 这是本人最初练习ajax时的小程序,是用ＪＳＰ写的
💻 JSP
字号:
<%@ page language="java" contentType="text/html; charset=UTF-8"    pageEncoding="UTF-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title>
<style type="text/css" media="screen">
body { font: 11px arial;}
.suggestlink { background-color: #ffffff;padding: 2px 6px 2px 6px;}
.suggestlink_over { background-color: #e8f2fe;padding: 2px 6px 2px 6px;}
#searchsuggest { position: absolute;background-color: #ffffff;text-align: left;border: 1px solid #000000;}
</style></head><body>
<script language="JavaScript" type="text/javascript">
var _xmlobj;
   function createobj(){
   var vtest=document.getElementById("textsearch");
   var ttest=document.getElementById("searchsuggest");
  if(vtest.value!=null){ 
   var submiturl="submitservlet.do?"+"key="+document.getElementById("textsearch").value;
    if(window.createRequest){
    _xmlobj=window.createRequest();
    _xmlobj.open('POST',submiturl,true);
    _xmlobj.onreadystatechange=handleobj;
    _xmlobj.send();
   }
   if(window.XMLHttpRequest){
   _xmlobj=new XMLHttpRequest();
   _xmlobj.open('POST',sumiturl,true);
   _xmlobj.onreadystatechange=handleobj;
   _xmlobj.send("");
   }
   if(window.ActiveXObject){
   _xmlobj=new ActiveXObject("Microsoft.XMLHTTP");
   _xmlobj.open('POST',submiturl,true);
   _xmlobj.onreadystatechange=handleobj;
   _xmlobj.send();
   }
 }else{
    ttest.style.display="none";
 }
 }
 function handleobj(){
   var tip=document.getElementById("searchsuggest");
   tip.innerHTML="";
   if(_xmlobj.readyState==4&&_xmlobj.status==200){
       var names=_xmlobj.responseText.split("\n");
       for(var i=0;i<names.length-1;i++){
       var suggest='<div onmouseover="javascript:suggestOver(this);" ';
       suggest+='onmouseout="javascript:suggestOut(this);" ';
       suggest+='onclick="javascript:setSearch(this);" ';
       suggest+='class="suggestlink">'+names[i]+'</div>';
       tip.innerHTML+=suggest; 
       }
             
   }
 }
 function suggestOver(div_value){
      div_value.className='suggestlink_over';
 }
 function suggestOut(div_value){
      div_value.className='suggestlink';
 }
 function setSearch(div_value){
      var textname=document.getElementById("textsearch");
      var test=document.getElementById("searchsuggest");
      textname.value=div_value.innerHTML;
      test.style.display="none";
 }
</script><div id=test style="width: 500px;display:block">
<form id="searchform">
<input type="text" id="textsearch" name="textsearch" onkeyup="createobj()" autocomplete="off"/>
<input type="submit" id="cmdsearch" name="cmdsearch" value="search"/><br/>
<div id="searchsuggest"></div>
</form>
</div></body></html>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -