ajax servlet 传值问题，新手，已被搞得焦头烂额。。。。。

来源：互联网发布：竞猜源码编辑：程序博客网时间：2024/05/22 08:20

设置的至无法传值至servlet ，servlet中使用

String str = request.getParameter("str");
out.print(str);

接收值，但是无法回调显示至jsp页面，各种查资料。。。无果，而来求助。。

<html>

<head>
<head>
<base href="<%=basePath%>">

<title>My JSP 'MyJsp.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">

<%
Map<String,String> mapOne = new HashMap<String,String>();

mapOne.put("信息工程学院","信息工程学院");
mapOne.put("经济管理学院","经济管理学院");
mapOne.put("法学院","法学院");
%>

<script type="text/javascript">
/*声明两个数组，以便区别，具体操作，应该是通过底层返回一个list*/
var one = new Array("软件工程","信息工程","信息安全");
var two = new Array("国际贸易","财务管理","会计");
var three = new Array("法学","国际汉语");
/*该函数，控制二级级联操作*/
function specieSelChange(selBox)
{
var str;
if(selBox.value == "信息工程学院")
{
for(var i = 0; i < one.length; i ++)
{
str += "<option>" + one[i] + "</option>";
}
}
else if(selBox.value == "经济管理学院")
{
for(var i = 0; i < two.length; i ++)
{
str += "<option>" + two[i] + "</option>";
}
}
else
{
for(var i = 0; i < three.length; i ++)
{
str += "<option>" + three[i] + "</option>";
}
}
//str += "</select>";

document.all('list').innerHTML = str;
}


</script>
<script type="text/javascript">
var req;
function validate() {
//获取表单提交的内容

var str = document.getElementById("list").value;

alert(str);
//访问validate.do这个servlet，同时把获取的表单内容idField加入url字符串，以便传递给validate.do
var url = "<%=basePath%>/ClassScoreServlet";
//创建一个XMLHttpRequest对象req
if(window.XMLHttpRequest) {
//IE7, Firefox, Opera支持
req = new XMLHttpRequest();

}
else if(window.ActiveXObject) {
IE5,IE6支持
req = new ActiveXObject("Microsoft.XMLHTTP");
}



req.onreadystatechange = function callback(){

if(req.readyState == 4 && req.status == 200) {
document.getElementById('info').innerHTML= req.responseText;
}
}
req.open("POST", url, true);
//onreadystatechange属性存有处理服务器响应的函数,有5个取值分别代表不同状态
xmlHttpxmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
//send函数发送请求
req.send(str);
}

</script>
<style type="text/css"> td {text-align:center}</style>

</head>

<body bgcolor="#434343">
<font color="#ffffff" size=+2>
<center> 班级成绩查询 </center>
<hr width="90%">
</font>
<center>

<table border="0" align="center" >
<tr>
<td> <font color="#FFFFFF">学院：</font></td>
<td>

<select id="selBox" onchange="specieSelChange(this)" name="select1" style="width:120">

<option>---请选择---</option>

<option value="信息工程学院">信息工程学院 </option>
<option value="法学院">法学院 </option>
<option value="信息工程学院">信息工程学院 </option>
</select>
</td>
<td width="50"></td>


<td>
<font color="#FFFFFF"> 专业：</font>
</td>
<td >

<select id="list" name="select2" style="width:80" >
<option>--请选择--</option>

</select>
</td>
<td width="30"></td>
<td>
<button onclick="validate()"> 查看</button>
</td></tr>

</table>

</center>
<span id="info"></span>

</table>
</body>

</html>

public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html");

PrintWriter out = response.getWriter();;
String str = request.getParameter("str");
out.print(str);
}

0 0