Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

½Ó´¥AjaxµÄµÚÒ»¸öʵÑéHello Word

<html>
<head>
<title>new ajax</title>
<mce:style type="text/css"><!--
body{
margin-top:50px;
}
.MyDiv{
font-size:12px;
border:1px solid #DDD;
background-color:#FFD;
margin:2px;
width:200px;
}

--></mce:style><style type="text/css" mce_bogus="1"> body{
margin-top:50px;
}
.MyDiv{
font-size:12px;
border:1px solid #DDD;
background-color:#FFD;
margin:2px;
width:200px;
}
</style>
</head>
<body onload="getResponse()">
<mce:script language="javascript"><!--
var xmlhttp;
//ͨ¹ýһϵķ½Ê½È·±£ÔÚ²»Í¨µÄä¯ÀÀÆ÷Öж¼Äܹ»ÉùÃ÷XMLHttpRequest¶ÔÏó.
try{
xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
xmlhttp=new ActiveXObject("Microsoft.XHLHTTP");
}catch(e){
try{
xmlhttp=new XMLHttpRequest();
}catch(e){}
}
}
function getResponse(){
//¹¹Ô캯ÊýURL£¬´«ËÍÒ»¸ö±¾µØÊ±¼ä¡£
var dateObj=new Date();
var url="Response.php?time="+dateObj.toLocaleString();
xmlhttp.open("GET",url);
//°ó¶¨showMessage·½·¨µ½onreadystatechangeʼþ¡£
xmlhttp.onreadystatechange=showMessage;
//°ó¶¨Ö®ºóµ÷ÓÃsend·½·¨£¬ÓÐʱµßµ¹Õâ¸ö´ÎÐò»áʹÏìÓ¦µÃ²»µ½´¦Àí¡£
xmlhttp.send();
}
function showMessage(){
if(xmlhttp.readyState==4){
if(xmlhttp.status==200){
document.getElementById("Result").innerHTML=xmlhttp.responseText;
}
else{
document.getElementById("Result").innerHTML="Error!";
}
}
}
// --></mce:script>
<center>
<div id="Result" class="MyDiv" >Information:</div>
<input type="button" value="Get response" onclick="getResponse()">
</center>
</body>
</html>
·þÎñÆ÷¶ËÏìÓ¦ÎļþRespons.php
<?
//»Ø´«¿Í»§¶Ëʱ¼ä¡¢Hello WordÒÔ¼°·þÎñÆ÷ʱ¼äһͬ·µ»Ø¿Í»§¶Ë
echo "Ajax Test"."<br/>";
echo "myTime:".$_GET["time"]."<br/>";
echo "server:Hello Word!<br/>";
echo "server Time:".$showtime=date("Y-m-d H:i:s");
?>  


Ïà¹ØÎĵµ£º

ÔöÇ¿AJAX/Javascript/JSÍøÒ³ÎÄ×ÖץȡÄÜÁ¦


±¾ÎÄÊǶԡ¶AJAX¶¯Ì¬ÍøÒ³ÐÅÏ¢ÌáȡԭÀí¡·
µÄ²¹³ä£¬Ç°ÎÄ×ܽáÁËÁ½ÖÖAJAXÍøÒ³ÎÄ×ÖµÄץȡ·½·¨£º
ÍøÒ³ÎÄ×ÖÔÚ¼ÓÔØHTMLÎĵµ£¨document£©µÄʱºòÓÃJavascript´úÂë»ñÈ¡ºÍÕ¹ÏÖ£¬´ËJavascript´úÂëÔÚ·¢ËÍloadʼþ֮ǰÔËÐУ¬ÄÇô½ÓÊÕµ½loadʼþ±íʾËùÓеÄÄÚÈݶ¼¼ÓÔØÍêÁË
ÍøÒ³ÎÄ×ÖÔÚ¼ÓÔØÍêHTMLÎĵµ£¨document£©ºóÔÚij¸öʱ¿ÌÓÃJavascript ......

ÎļþÉÏ´«_ajax½ø¶ÈÌõ

upload.jsp
<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <title>My JSP ''upload.jsp'' starting page</title>
 &n ......

ajax¾Ö²¿Ìá½»

ʵÏÖ¹¦ÄÜ£ºµ¥»÷°´Å¥£¬½«´ÓÊý¾Ý¿â»ñÈ¡µÄÊý¾Ý·µ»Ø¸øÎı¾¿ò1(Ë¢ÐÂÎı¾¿ò1)£¬¶øÎı¾¿ò2²»Ë¢ÐÂ
Ò³Ãæ1£ºtest.html
<!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 ......

2009 12 28 ´«ÖDz¥¿Í—AJAX£¨×ÛºÏÁ·Ï°£©


½ñÌìÔçÉÏÀÏÙ¡½«×òÌìµÄÁ·Ï°½øÐÐÁ˽²½â¡£½ñÌìµÄÖ÷ÒªÄÚÈÝÊǶÔAJAXµÄ»ã×ÜÁ·Ï°£¬×öÁËÁ½¸öÁ·Ï°¶¼ÊDZȽϳ£Ê¹ÓõÄÓ¦Óá£
 
Ò»¡¢              ÏÂÀ­¿òµÄ¼¶Áª£¬±ÈÈ磬ѡÔñÏÂÀ­¿òÒ»ÖеÄÄÚÈÝ£¨³ÇÊÐÃû³Æ£©£¬ÔÚÏÂÀ­¿ò¶þÖÐÏÔʾÔÚÕâ¸ö³ÇÊÐÖеIJ¿ÃÅ¡£ÔÚÏÂÀ­ ......

Ajaxµ¯³öʾÀý ¿É¿ØÖÆÊ±¼ä×ÔÓÉÇл»ºÍ¹Ø±Õ

<!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="Content-Type" content="text/html; charset=utf-8" />
<title>Ajaxµ¯³öʾÀý-¿É¿ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ