AJAX实例一

上面有很多的实例哦不错哈哈
实例一：jsp+ajax自动刷新实例

一、处理ajax请求的jsp文件：auto.jsp <%@ page contentType="text/html; charset=gb2312" %> <% //设置输出信息的格式及字符集 response.setContentType("text/xml; charset=UTF-8"); response.setHeader("Cache-Control","no-cache"); out.println(""); for(int i=0;i<2;i++){ out.println(""+(int)(Math.random()*10)+    "型笔记本"); out.println("" +(int)(Math.random()*100)+ ""); } out.println(""); out.close(); %>

二、发送ajax请求的html文件：autoRefresh.html

   


   
   


   
   

正在热卖的笔记本
型号：
销售数量：

运行之后的效果感觉超爽啊！

页面没有刷新但是里面的数据居然在变化 啊！好东西啊哈哈！

正在热卖的笔记本
型号：	8型笔记本
销售数量：	90

［总结的公共部分］
function createXMLHttpRequest() {
        if(window.XMLHttpRequest) { //Mozilla 浏览器
            XMLHttpReq = new XMLHttpRequest();
        }
        else if (window.ActiveXObject) { // IE浏览器
            try {
                XMLHttpReq = new ActiveXObject("Msxml2.XMLHTTP");
            } catch (e) {
                try {
                    XMLHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
                } catch (e) {}
            }
        }
    }
生成XMLHTTP对象哦！
function sendRequest() {
        createXMLHttpRequest();
        var url = "";
        XMLHttpReq.open("GET", url, true);
        XMLHttpReq.onreadystatechange = processResponse;//指定响应函数
        XMLHttpReq.send(null);  // 发送请求
    }
哈哈，可以这样来请示一个JSP页面的哦！我一开始在想能够请示一个Servlet为什么不能请求到一个JSP呢？
果然可以
function DisplayHot() {
        var name = XMLHttpReq.responseXML.getElementsByTagName("name")[0].firstChild.nodeValue;
        var count = XMLHttpReq.responseXML.getElementsByTagName("count")[0].firstChild.nodeValue;
        document.getElementById("product").innerHTML = name;   
        document.getElementById("count").innerHTML = count;   
    }
［服务器返回正常的时候：返回的是一个XML文件啊。学习XML吧或者也可以用另一种形式的文件］
关键来分析一下服务器响应的JSP文件是怎么写的。
<%@ page contentType="text/html; charset=gb2312" %>
<%
//设置输出信息的格式及字符集
response.setContentType("text/xml; charset=UTF-8");  //写返回的文件形式
response.setHeader("Cache-Control","no-cache");//清空缓存
out.println("");
for(int i=0;i<2;i++){
out.println(""+(int)(Math.random()*10)+
   "型笔记本");
out.println("" +(int)(Math.random()*100)+ "");
}
out.println("");
out.close();
%>
只需要这样写就搞定了哈哈
来我试试用来请求一个ASP文件哈哈