日期:2014-05-16 浏览次数:20887 次
<%@ 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>
<base href="<%=basePath%>">
<title>My JSP 'MyAjax.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">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type="text/javascript">
var request;
function createRequest()
{
if(window.ActiveXObject)
{
try{
request=new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
request=new ActiveXObject("Microsoft.XMLHTTP");
}
}else if(window.XMLHttpRequest){
request=new XMLHttpRequest();
}
}
function sendRequest()
{
createRequest();
var url="servlet/ajaxTest1";
request.open("GET",url,true);
request.onreadystatechange=processResponse;
request.send(null);
}
function processResponse()
{
if(request.readyState==4)
{
if(request.status==200)
{
Display();
}
}else
{
}
}
function Display()
{
var num=request.responseXML.getElementsByTagName("num")[0].firstChild.nodeValue;
for(var i=0;i<num;i++)
{
var id=request.responseXML.getElementsByTagName("id")[i].firstChild.nodeValue;
var name=request.responseXML.getElementsByTagName("name")[i].firstChild.nodeValue;
var tbody=document.getElementById("content");
var tr=document.createElement("tr");
tr.setAttribute("id",id);
var td1=document.createElement("td");
td1.appendChild(document.createTextNode(id));
tr.appendChild(td1);
var td2=document.createElement("td");
td2.appendChild(document.createTextNode(name));
tr.appendChild(td2);
var delbtn=document.createElement("input");
delbtn.setAttribute("type","button");
delbtn.setAttribute("value","delete");
delbtn.setAttribute("id","btn"+id);
delbtn.onclick=function(){delContent(id);};
var td3=document.createElement("td");
td3.appendChild(delbtn);
tr.appendChild(td3);
document.getElementById("content").appendChild(tr);
}
}
function delContent(id)
{
createRequest();
var url="servlet/ajaxTest1?action=delete&id="+id;
request.onreadystatechange=deleteChange;
r