http://community.csdn.net/Expert/topic/4753/4753233.xml?temp=.9640314学习ajax.....遇到问题,在线等ajax-demo中的raw-ajax.html例子,直接连接了个静态页面,如果连接动态页面如何处理.1、
demo.get(id,ajaxResponse);2、
function ajaxResponse(data){
var url = "test.jsp";
.......
}3、
test.jsp
<TABLE class="list">
<THEAD>
<TH>
编号
</TH>
<THEAD>
<TBODY>
<c:forEach var="test" items="${tests}" varStatus="status"> <c:choose>
<c:when test="${status.count % 2 == 0}">
<TR class="even"></TR>
</c:when>
<c:otherwise>
<TR class="odd"></TR>
</c:otherwise>
</c:choose>
<TD>
${test.id}
</TD>
</c:forEach>
</TBODY>
</TABLE>4、Demo.java
public List get(id){
//process
return test;
};请问2中如何实现
demo.get(id,ajaxResponse);2、
function ajaxResponse(data){
var url = "test.jsp";
.......
}3、
test.jsp
<TABLE class="list">
<THEAD>
<TH>
编号
</TH>
<THEAD>
<TBODY>
<c:forEach var="test" items="${tests}" varStatus="status"> <c:choose>
<c:when test="${status.count % 2 == 0}">
<TR class="even"></TR>
</c:when>
<c:otherwise>
<TR class="odd"></TR>
</c:otherwise>
</c:choose>
<TD>
${test.id}
</TD>
</c:forEach>
</TBODY>
</TABLE>4、Demo.java
public List get(id){
//process
return test;
};请问2中如何实现
var url = "/test.jsp";
var callback = processAjaxResponse;
executeXhr(callback, url);
}
function executeXhr(callback, url) {
// branch for native XMLHttpRequest object
if (window.XMLHttpRequest) {
req = new XMLHttpRequest();
req.onreadystatechange = callback;
req.open("GET", url, true);
req.send(null);
} // branch for IE/Windows ActiveX version
else if (window.ActiveXObject) {
req = new ActiveXObject("Microsoft.XMLHTTP");
if (req) {
req.onreadystatechange = callback;
req.open("GET", url, true);
req.send();
}
}
}
function processAjaxResponse() {
// only if req shows "loaded"
if (req.readyState == 4) {
// only if "OK"
if (req.status == 200) {
$('saveIf').innerHTML = req.responseText;
} else {
alert("There was a problem retrieving the XML data:\n" +
req.statusText);
}
}
} data中是test.jsp中要显示的数据,如何让test.jsp显示出数据
sample2_1.jsp
<%@ page contentType="text/html; charset=gb2312" language="java" errorPage="" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="javascript">
var http_request = false;
var currentPos = null;
function send_request(url) {//初始化、指定处理函数、发送请求的函数
http_request = false;
//开始初始化XMLHttpRequest对象
if(window.XMLHttpRequest) { //Mozilla 浏览器
http_request = new XMLHttpRequest();
if (http_request.overrideMimeType) {//设置MiME类别
http_request.overrideMimeType('text/xml');
}
}
else if (window.ActiveXObject) { // IE浏览器
try {
http_request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
http_request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
if (!http_request) { // 异常，创建对象实例失败
window.alert("不能创建XMLHttpRequest对象实例.");
return false;
}
http_request.onreadystatechange = processRequest;
// 确定发送请求的方式和URL以及是否同步执行下段代码
http_request.open("GET", url, true);
http_request.send(null);
}
// 处理返回信息的函数
function processRequest() {
if (http_request.readyState == 4) { // 判断对象状态
if (http_request.status == 200) { // 信息已经成功返回，开始处理信息
//alert(http_request.responseText);
document.getElementById(currentPos).innerHTML = http_request.responseText;
} else { //页面不正常
alert("您所请求的页面有异常。");
}
}
}
//显示部门下的岗位
function showRoles(obj) {
document.getElementById(obj).parentNode.style.display = "";
document.getElementById(obj).innerHTML = "正在读取数据..."
currentPos = obj;
send_request("sample2_2.jsp?playPos="+obj);
}
</script>
<link href="css/style.css" rel="stylesheet" type="text/css">
</head><body>
<table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="20"><a href="javascript:void(0)" onClick="showRoles('pos_1')">经理室</a></td>
</tr>
<tr style="display:none">
<td height="20" id="pos_1"> </td>
</tr>
<tr>
<td height="20"><a href="javascript:void(0)" onClick="showRoles('pos_2')">开发部</a></td>
</tr>
<tr style="display:none ">
<td id="pos_2" height="20"> </td>
</tr>
</table>
<!--a href="javascript:void(0)" onClick="showRoles('pos_1')">测试</a-->
<!--span style="cursor: pointer; text-decoration: underline" onclick="send_request('2.jsp?username=educhina')">Send a request</span-->
</body>
</html>
sample2_2.jsp<%@ page contentType="text/html; charset=gb2312" language="java" errorPage="" %>
<%
String playPos = request.getParameter("playPos");
if("pos_1".equals(playPos)) out.print(" 总经理<br> 副总经理");
else if("pos_2".equals(playPos)) out.println(" 总工程师<br> 软件工程师");
%>jsp2