ajax无刷新查询数据库java_AJAX自学练习 无刷新从数据库后台取数据显示

AJAX自学练习 无刷新从数据库后台获取数据并显示的代码，大家可以参考下。

请求页面request.jsp

pageEncoding="ISO-8859-1"%>

Insert title here

function GetXmlHttpObject(){

var xmlHttp = null;

try{

xmlHttp = new XMLHttpRequest();

}catch(e){

try{

xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");

}catch(e){

xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

}

}

return xmlHttp;

}

function showMsg(str){

xmlHttp = GetXmlHttpObject();

if(xmlHttp == null){

alert ("you browser don't support the ajax");

return;

}

var url = "response.jsp";

url = url + "?q="+ str;

url = url + "&sid ="+ Math.random();

xmlHttp.onreadystatechange = stateChanged;

xmlHttp.open("GET", url, true);

xmlHttp.send(null);

}

function stateChanged()

{

if(xmlHttp.readyState==4)

{

document.getElementById("showHint").innerHTML = xmlHttp.responseText;

}

}

// -->

RocarsId:

140

150

Show rocars ccrn messages.

response.jsp

pageEncoding="UTF-8"%>

response the ccrn

String q = request.getParameter("q");

System.out.println("message:" + q);

RocarsBean rocars = RocarsEntity.getRocarsListById(q);

%>

RocarsId	RocarsCcrn

注意这里与自学练习一不同的是，request.jsp页面用一个div来显示信息，response.jsp从数据库里面查询出来的内容放在table标签里，其它的html标签不会在div里面显示。