jsp中，用ajax获取数据

我想利用ajax在jsp页面中获取从数据库中的数据，比如用户名，我在servlet里面写了一个查询语句，比如得到用户名为‘张三’（String类型），我如何将这个张三传到... 我想利用ajax在jsp页面中获取从数据库中的数据，比如用户名，我在servlet里面写了一个查询语句，比如得到用户名为‘张三’（String 类型），我如何将这个张三传到jsp页面，利用js设置 document.getElementById("textfield").Value='参数（张三）'，关键是不知道怎么从servlet中传出去。展开

 我来答

4个回答

#合辑# 机票是越早买越便宜吗？

千锋教育
2015-12-16 · 做真实的自己用良心做教育

千锋教育

千锋教育专注HTML5大前端、JavaEE、Python、人工智能、UI＆UE、云计算、全栈软件测试、大数据、物联网+嵌入式、Unity游戏开发、网络安全、互联网营销、Go语言等培训教育。

向TA提问

关注

展开全部

jsp中用ajax获取数据的例子如下：
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>留学生系统</TITLE>
<META http-equiv=Content-Type content="text/html; charset=GBK">
<SCRIPT language=JavaScript type=text/JavaScript>
var XMLHttpReq = false;
//ajax接口
function createXMLHttpRequest(){
if(window.XMLHttpRequest){
XMLHttpReq = new XMLHttpRequest();
}else if(window.ActiveXObject){
try{
XMLHttpReq = new ActiveXObject("MSXML2.XMLHTTP");
}catch(e){
try{
XMLHttpReq = new ActiveXObject("Mircsoft.XMLHTTP");
}catch(e1){}
}
}
}
function sendRequest(url){
createXMLHttpRequest();
XMLHttpReq.open("GET",url,true);
XMLHttpReq.onreadystatechange = processResponse;
XMLHttpReq.send(null);
}
function processResponse(){
if(XMLHttpReq.readyState == 4){
if(XMLHttpReq.status == 200){
var res = XMLHttpReq.responseXML.getElementsByTagName("res")[0].firstChild.data;
window.alert(res);
document.myform.userid.value="";
document.myform.pwd.value="";
}else{
window.alert("你请求的页面有异常1");
}
}
}
function userCheck(){
var userid = document.myform.userid.value;
var pwd = document.myform.pwd.value;
if(userid == ""){
window.alert("用户名不能为空");
document.myform.pwd.value="";
document.myform.userid.focus();
return false;
}else{
sendRequest("login?userid="+userid);
}
}
function pwdCheck(){
var pwd = document.myform.pwd.value;
var pwd2 = document.myform.pwd2.value;
if(pwd!=pwd2){
window.alert("密码不一致");
document.myform.pwd.value="";
document.myform.pwd2.value="";
document.myform.pwd.focus();
return false;
}
}
</SCRIPT>
<LINK href="css/css.css" type=text/css rel=stylesheet>
</HEAD>

<body>
<table width="778" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" >
<tr>
<td width="17%"><img src="images/logo.jpg" width="124" height="101"></td>
<td width="558" height="101" background="images/banner.jpg"><div align="center">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="558" height="101">
<param name="movie" value="images/2.swf">
<param name="quality" value="high">
<embed src="images/2.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="558" height="101"></embed>
<param name="wmode" value="transparent">
</object>
</div></td>
<td width="11%"><table width="100%" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td height="30" class="style1"><div align="center">设为首页</div></td>
</tr>
<tr>
<td height="30" class="style1"><div align="center">收藏本站</div></td>
</tr>
<tr>
<td height="30" class="style1"><div align="center">联系我们</div></td>
</tr>
</table></td>
</tr>
</table>
<form method="post" action="control.jsp?action=register" name="myform">
<table width="300" border="0" align="center" bgcolor="#F0F0F0">
<tr>
<td align="center">用户名</td>
<td><input name="userid" type="text" size="20" onblur="userCheck()"></td>
</tr>
<tr>
<td align="center">真实姓名</td>
<td><input name="username" type="text" size="20"/></td>
</tr>
<tr>
<td align="center">性别</td>
<td>
<input type="radio" name="sex" value="0" checked="checked">男
<input type="radio" name="sex" value="1">女
</td>
</tr>
<tr>
<td align="center">密码</td>
<td><input name="pwd" type="password" size="20"/></td>
</tr>
<tr>
<td align="center">密码确认</td>
<td><input name="pwd2" type="password" size="20" onblur="pwdCheck()"/></td>
</tr>
<tr>
<td align="center">电子邮箱</td>
<td><input name="email" type="text" size="20"/></td>
</tr>
<tr>
<td align="center">学校</td>
<td><input name="school" type="text" size="20"/></td>
</tr>
<tr>
<td align="center">电话号码</td>
<td><input name="phonenum" type="text" size="20"/></td>
</tr>
<tr>
<td align="center"><img border=0 src="image.jsp"></td>
<td><input type=text name=in maxlength=4 size="8"></td>
</tr>

<tr>
<td align="center"><input type="submit" value="确定" /></td>
</tr>
</table>
</form>
</body>
</html>

已赞过 已踩过<

评论收起

zihua2005f58f
2011-08-09 · TA获得超过456个赞

知道小有建树答主

回答量：423

采纳率：100%

帮助的人：195万

我也去答题访问个人页

关注

展开全部

PrintWriter out = response.getWriter();
out.println("zhangsan");;

页面不是有接收文本的方法么就直接可以获取了啊

追问

这个方法貌似是直接打印到页面上了，我关键是用ajax,也就是说我查询出结果之后，ajax就可以获取到结果，将结果显示在文本框中。

追答

if(xmlHttp.readyState==4){	
		if(xmlHttp.status==200){
           var str = xmlHttp.responseText;
           alert(str);
           
		}else{
		alert("失败")
		}
	}

已赞过 已踩过<

评论收起

bln51779
推荐于2017-10-08

知道答主

回答量：22

采纳率：0%

帮助的人：10.4万

我也去答题访问个人页

关注

展开全部

HttpServletResponse response = ServletActionContext.getResponse();
response.setHeader("ContentType", "text/json");
response.setCharacterEncoding("utf-8");
response.getWriter().write(张三);

ajax中的msg就是你传过来的值！

追问

谢谢，我用其他方法解决了，谢谢

本回答被提问者采纳

已赞过 已踩过<

评论收起

清晨v
2011-08-09 · 超过45用户采纳过TA的回答

知道小有建树答主

回答量：357

采纳率：0%

帮助的人：151万

我也去答题访问个人页

关注

展开全部

直接用jsp就可以了，干嘛用servlet呢！ajax可以直接用jsp的！

追问

servlet是进行数据库查询，我已经解决了，还是谢谢你。

已赞过 已踩过<

评论收起

更多回答（2）

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

jsp中，用ajax获取数据

其他类似问题

为你推荐：