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("<response>");
for(int i=0;i<2;i++){
out.println("<name>"+(int)(Math.random()*10)+
"ÐͱʼDZ¾</name>");
out.println("<count>" +(int)(Math.random()*100)+ "</count>");
}
out.println("</response>");
out.close();
%>
¶þ¡¢·¢ËÍajaxÇëÇóµÄhtmlÎļþ£ºautoRefresh.html
<head>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
</head>
<script language="javascript">
var XMLHttpReq;
//´´½¨XMLHttpRequest¶ÔÏó
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) {}
}
}
}
//·¢ËÍÇëÇóº¯Êý
function sendRequest() {
createXMLHttpRequest();
var url = "auto.jsp";
XMLHttpReq.open("GET", url, true);
XMLHttpReq.onreadystatechange = processResponse;//Ö¸¶¨ÏìÓ¦º¯Êý
XMLHttpReq.send(null); // ·¢ËÍÇëÇó
}
// ´¦Àí·µ»ØÐÅÏ¢º¯Êý
function processResponse() {
if (XMLHttpReq.readyState == 4) { // Åж϶ÔÏó״̬
if (XMLHttpReq.status == 200) { // ÐÅÏ¢ÒѾ³É¹¦·µ»Ø£¬¿ªÊ¼´¦ÀíÐÅÏ¢
DisplayHot();
setTimeout("sendRequest()", 1000);
} else { //Ò³Ãæ²»Õý³£
window.alert("ÄúËùÇëÇóµÄÒ³ÃæÓÐÒì³£¡£");
Ïà¹ØÎĵµ£º
request request±íʾHttpServletRequest¶ÔÏó¡£Ëü°üº¬ÁËÓйØä¯ÀÀÆ÷ÇëÇóµÄÐÅÏ¢£¬²¢ÇÒÌṩÁ˼¸¸öÓÃÓÚ»ñÈ¡cookie, header, ºÍsessionÊý¾ÝµÄÓÐÓõķ½·¨¡£
response response±íʾHttpServletResponse¶ÔÏ󣬲¢ÌṩÁ˼¸¸öÓÃÓÚÉèÖÃËÍ»Ø ä¯ÀÀÆ÷µÄÏìÓ¦µÄ·½·¨£¨Èçcookies,Í·ÐÅÏ¢µÈ£©
out out ¶ÔÏóÊÇjavax.jsp.JspWriterµÄÒ»¸öʵÀý£¬ ......
ѧϰAjax½Ì³Ì£¬ÏêϸÁ˽âGetÓëPost
Get·½Ê½:
×÷ÓÃ:¿É´«Ëͼòµ¥Êý¾Ý
´óС:url×î´ó³¤¶ÈÊÇ2083 bytes,¿ÉÒÔÓÃÓÚGET´«µÝÊý¾ÝµÄ³¤¶ÈÊÇ2048 bytes
°üº¬Ìå:Êý¾Ý×·¼Óµ½urlÖз¢ËÍ,Ò²¾ÍÊÇhttpµÄheader´«ËÍ
Post·½Ê½:
×÷ÓÃ:¿É´«Ëͼòµ¥¸´ÔÓÊý¾Ý
´óС:web.configÀïÏÞÖÆ
°üº¬Ìå:Êý¾ÝÔÚhttpÇëÇóµÄʵÌåÄÚÈÝÀï´«ËÍ
AjaxÓÃPostģʽ´«ËÍÊ ......
ajaxʵÏÖ½«Êó±ê·Åµ½Í¼±êÉÏ£¬Ï·½»áÏÔʾºÍ¸ÃͼÓйصÄÐÅÏ¢
¿Í»§¶Ë´úÂëmouseover.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv=" ......
1.´´½¨WEB Application¹¤³ÌWebAjax¡£
2.½¨Á¢Ä¿Â¼ÎļþAjaxCommon.jsÈçÏ£º
// ÉùÃ÷XmlHttpRequest³ÉÔ±±äÁ¿
var xmlHttpReq_Obj = null;
// ³õʼ»¯»ñÈ¡XmlHttpRequest¶ÔÏó
///<param>handler :»Øµ÷º¯ÊýÃû</param>
function GetXmlHttpObject(handler) {
var xmlHttpObj = null;
try {
// Microso ......