JSON
package json.servlet;
import java.io.PrintWriter;
import java.util.ArrayList;
import java.util.Date;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.http.HttpServlet;
import json.bean.JsonBean;
import net.sf.json.JSONArray;
public class onkeydown extends HttpServlet {
private static final long serialVersionUID = 2217820842878891648L;
public void service(ServletRequest request, ServletResponse response) {
response.setContentType("text/html; charset=utf-8");
System.out.println("--------------------"+request.getParameter("testKey"));
List<JsonBean> list = new ArrayList<JsonBean>();
JsonBean bean = new JsonBean(); 使用Bean对象封装
bean.setCode("1");
bean.setName("aa");
list.add(bean);
JsonBean bean1 = new JsonBean();
bean1.setCode("2");
bean1.setName("aabb");
list.add(bean1);
JSONArray jsonArray = JSONArray.fromObject(list);
try {
PrintWriter out = response.getWriter();
out.print(jsonArray.toString());// array
out.flush();
out.close();
} catch (Exception e) {
e.printStackTrace();
}
}
}
jsp代码：
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>onkeydown select</title>
<script type="text/javascript" src="js/jquery-1.3.1.js"></script>
<style>
#d{
border:1px solid #CCC;
width:155px;
position:absolute;
overflow: hidden;
background:#FFFFFF;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
}
</style>
</head>
<script type="text/javascript">
function keydown(evt){
var dataRole=null;
$.post("keydown.do?testKey=text",function(data){
dataRole = eval(data);
alert(evt.value);
alert(evt.id);
var html = "";
$("#tab").html("");
for(var i=0;i<dataRole.length;i++){
html += "<tr><td style='cursor:hand;' onclick=\"adds('"+evt.id+"','"+dataRole[i].code+"',this.innerText);xblur();\" >"+dataRole[i].name+"</td></tr>";
}
$("#tab").html(html);
});
dis(evt);
}
function dis(evt){
var d=document.getElementById("d");
if (evt) {
var url = evt.target;
}
else {
evt = window.event;
var url = evt.srcElement;
}
var d=document.getElementById("d");
d.style.top = evt.getBoundingClientRect().top + 20 + document.body.scrollTop;;
d.style.left = evt.getBoundingClientRect().left + 0 + document.body.scrollLeft;;
d.style.display = "block";
}
function adds(id,keyvalue,keyName){
document.getElementById(id).value=keyvalue;
document.getElementById(id+"Name").value=keyName;
}
function xblur(){
document.getElementById("d").style.display = "none";
}
</script>
<body onmouseup="xblur()">
<input type="text" id="txdt" name="ceshiname">
<input type="text" onkeyup="keydown(this);" name="cct" id="cct1">
<input type="text" id="cct1Name"><br/>
<input type="text" onkeyup="keydown(this);" name="cct" id="cct2">
<input type="text" id="cct2Name">
<br/>
<input type="text" onkeyup="keydown(this);" name="cct" id="cct3">
<input type="text" id="cct3Name">
<div id="d" style="display:none" >
<TABLE border=0 id="tab" width="100%" >
</TABLE>
</div>
</body>
</html>
import java.io.PrintWriter;
import java.util.ArrayList;
import java.util.Date;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.http.HttpServlet;
import json.bean.JsonBean;
import net.sf.json.JSONArray;
public class onkeydown extends HttpServlet {
private static final long serialVersionUID = 2217820842878891648L;
public void service(ServletRequest request, ServletResponse response) {
response.setContentType("text/html; charset=utf-8");
System.out.println("--------------------"+request.getParameter("testKey"));
List<JsonBean> list = new ArrayList<JsonBean>();
JsonBean bean = new JsonBean(); 使用Bean对象封装
bean.setCode("1");
bean.setName("aa");
list.add(bean);
JsonBean bean1 = new JsonBean();
bean1.setCode("2");
bean1.setName("aabb");
list.add(bean1);
JSONArray jsonArray = JSONArray.fromObject(list);
try {
PrintWriter out = response.getWriter();
out.print(jsonArray.toString());// array
out.flush();
out.close();
} catch (Exception e) {
e.printStackTrace();
}
}
}
jsp代码：
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>onkeydown select</title>
<script type="text/javascript" src="js/jquery-1.3.1.js"></script>
<style>
#d{
border:1px solid #CCC;
width:155px;
position:absolute;
overflow: hidden;
background:#FFFFFF;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
}
</style>
</head>
<script type="text/javascript">
function keydown(evt){
var dataRole=null;
$.post("keydown.do?testKey=text",function(data){
dataRole = eval(data);
alert(evt.value);
alert(evt.id);
var html = "";
$("#tab").html("");
for(var i=0;i<dataRole.length;i++){
html += "<tr><td style='cursor:hand;' onclick=\"adds('"+evt.id+"','"+dataRole[i].code+"',this.innerText);xblur();\" >"+dataRole[i].name+"</td></tr>";
}
$("#tab").html(html);
});
dis(evt);
}
function dis(evt){
var d=document.getElementById("d");
if (evt) {
var url = evt.target;
}
else {
evt = window.event;
var url = evt.srcElement;
}
var d=document.getElementById("d");
d.style.top = evt.getBoundingClientRect().top + 20 + document.body.scrollTop;;
d.style.left = evt.getBoundingClientRect().left + 0 + document.body.scrollLeft;;
d.style.display = "block";
}
function adds(id,keyvalue,keyName){
document.getElementById(id).value=keyvalue;
document.getElementById(id+"Name").value=keyName;
}
function xblur(){
document.getElementById("d").style.display = "none";
}
</script>
<body onmouseup="xblur()">
<input type="text" id="txdt" name="ceshiname">
<input type="text" onkeyup="keydown(this);" name="cct" id="cct1">
<input type="text" id="cct1Name"><br/>
<input type="text" onkeyup="keydown(this);" name="cct" id="cct2">
<input type="text" id="cct2Name">
<br/>
<input type="text" onkeyup="keydown(this);" name="cct" id="cct3">
<input type="text" id="cct3Name">
<div id="d" style="display:none" >
<TABLE border=0 id="tab" width="100%" >
</TABLE>
</div>
</body>
</html>