<%@ page language="java" pageEncoding="utf-8" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html >
<head >
<script type ="text/javascript" src ="./load.js" > </script >
</head >
<body >
<form action ="" enctype ="application/x-www-form-urlencoded" >
<div id ="divcheck" > </div >
<input type ="button" name ="ok" id ="ok" value ="测试加载" >
</form >
</body >
</html >
function ajaxFunction () {
var xmlHttp;
try {
xmlHttp=new XMLHttpRequest();
}
catch (e){
try {
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP" );
}
catch (e){
try {
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP" );
}
catch (e){}
}
}
return xmlHttp;
}
window.onload = function () {
document.getElementById("ok" ).onclick = function () {
var xhr = ajaxFunction();
xhr.onreadystatechange = function () {
if (xhr.readyState==1 ){
document.getElementById("divcheck" ).innerHTML = "<img src='loading33.gif'></img> 正在连接" ;
document.getElementById("divcheck" ).innerHTML = "<img src='loading33.gif'></img> 正在连接" ;
alert("xxx" );
}else if (xhr.readyState==2 ){
document.getElementById("divcheck" ).innerHTML = "<img src='loading33.gif'></img> 正在加载" ;
alert("xxx" );
}else if (xhr.readyState==3 ){
document.getElementById("divcheck" ).innerHTML = "<img src='loading33.gif'></img> 正在处理" ;
alert("xxx" );
}else if (xhr.readyState==4 ){
document.getElementById("divcheck" ).innerHTML = "显示视频页面" ;
}else {
document.getElementById("divcheck" ).innerHTML = "视频页面加载失败" ;
}
}
xhr.open("POST" ,"../LoadServlet?timeStamp=" +new Date ().getTime(),true );
xhr.setRequestHeader("Content-type" ,"application/x-www-form-urlencoded" );
xhr.send(null );
}
}
package com.cc.servlet;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class LoadServlet extends HttpServlet {
public void doPost (HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html" );
PrintWriter out = response.getWriter();
}
}