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

´«ÖDz¥¿ÍAjaxÊÓƵºó¼¯ÊÓƵËæ±Ê

 ===============ÏÂÆ­Ajax
================
ʮһ¡¢µÚʮһ¿Î   ===¡· ʹÓÃXHR¶ÔÏó·¢ËͺͽÓÊÜÊý¾Ý
a.¼ÌÐøÉÏÃæ²½Öè
2)×¢²á»Øµ÷º¯Êý,ֻдº¯ÊýÃû³Æ(Èç¹û¼ÓÁËÀ¨ºÅ£¬ÄÇô¾Í°Ñº¯Êý·µ»ØÖµ×¢²á¸ø»Øµ÷º¯Êý)
xmlHttp.onreadystatechange = callback;
3)ÉèÖÃÁ¬½ÓÐÅÏ¢
//µÚÒ»²ÎÊýÊÇHttpÇëÇó·½Ê½£¬Ò»°ãÑ¡Ôñget¡¢post
//µÚ¶þ²ÎÊýÊÇurlµØÖ·
//µÚÈý¸ö²ÎÊý±íʾÒì²½»¹ÊÇͬ²½£¬true±íʾÒì²½
xmlHttp.open("GET", "ajaxserver?name="+userName, true);
4)·¢ËÍÊý¾Ý¡¢¿ÉÊÇÓë·þÎñÆ÷½øÐн»»¥
//ͬ²½·½Ê½Ï£¬send»áÔÚ·þÎñÆ÷Êý¾Ý»ØÀ´ºó²ÅÖ´ÐÐÍê
//Òì²½·½Ê½Ï£¬send»áÁ¢¼´Ö´ÐÐÍê
xmlHttp.send(null);
5)½ÓÊÕÏìÓ¦Êý¾Ý
function callback(){
//Åж϶ÔÏó״̬½»»¥Íê³É
if (xmlHttp.readyState == 4){ 
//ÅжÏhttp½»»¥ÊÇ·ñ³É¹¦£¬http״̬Âë200
if(xmlHttp.status == 200){
//»ñµÃ·þÎñÆ÷·µ»ØµÄ´¿Îı¾Êý¾Ý
var responseText = xmlHttp.responseText;
//ÏÔʾµ½½çÃæ
document.getElementById("result").innerHTML = responseText;
}
}
}
Ê®¶þ¡¢µÚÊ®¶þ¿Î   ===¡· ä¯ÀÀÆ÷Ç²âÊÔÓ빤¾ßÂþ̸
a.ûʲô¿ÉдµÄ£¬¶¼ÊÇһЩÈí¼þµÄ½éÉÜ
Ê®Èý¡¢µÚÊ®Èý¿Î   ===¡· ΪѧԱµ÷ÊÔ´íÎóÓëXHRÉîÈë½²½â
a.¾Ö²¿±äÁ¿£¬²»Äܶàдvar,statusд´í
b.Ñ¡Ôñpost·½Ê½Ìá½»Êý¾Ý
xmlHttp.open("POST", "ajaxserver", "true");
//±ØÐëÉèÖÃhttpµÄÇëÇóÍ·
xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlHttp.send("name=" +userName);
Ê®ËÄ¡¢µÚÊ®ËĿΠ  ===¡· ÀûÓÃXHR½ÓÊÜÓë´¦ÀíXMLÊý¾Ý
a.·þÎñÆ÷¶ËÐ޸ģ¬httpServletResponse.setContentType("text/xml;charset-utf-8");
b.¿Í»§¶ËÐ޸ģ¬var domObj = xmlHttp.responseXML;
//<message>123122</message>
//getElementsByTagName();ËùÓÐmessage½Úµã£¬·µ»ØÒ»¸öÊý×é
var mgeNodes = domObj.getElementsByTagName("message");
//»ñµÃ×ӽڵ㡢»ñµÃÎı¾ÄÚÈÝ
var textNode = mgeNodes[0].firstChild;
var responseText = textNode.nodeValue;
c.Èç¹û·þÎñÆ÷setContentType("text/html;charset-utf-8");
firefox¿ÉÒÔÈÔÈ»³öÀ´£¬¶øie²»¿ÉÒÔ
d.ajaxÓ¦ÓõÄÎå¸ö²½Öè
1)´´½¨XMLHttpRequest¶ÔÏó
2)×¢²á»Øµ÷º


Ïà¹ØÎĵµ£º

ajax»ù´¡¶ÁÊé±Ê¼Ç µÚÒ»ÕÂ

1¡¢XMLHttpRequest¶ÔÏóµÄ´´½¨
   ÓÉÓÚ  ²»ÊÇw3c±ê×¼£¬ËùÒÔʹÓÃJavascript´´½¨Ö®µÄ·½·¨Ò²²»Í¬£¡Internet explorer °ÑXMLHttpRequestʵÀý»¯Îª  ActiveX¿Ø¼þ£¬È»¶ø ÆäËûµÄä¯ÀÀÆ÷£¨FireFox£¬opera£©°ÑXMLHttpRequestʵÀý»¯Îª±¾µØµÄJavaScriptÒ»¸ö¶ÔÏó
ËùÒÔ Ö»ÒªÈ·¶¨ÊÇ·ñ  Ö§³Ö ActiveX¿Ø¼þ¶ÔÏ󣡣¡È ......

AJAX+jspÎÞË¢ÐÂÑéÖ¤ÂëʵÀý

[list=1]
ÎÒÃÇÔÚ×öÑéÖ¤ÂëµÄʱºòÍùÍùÓÉÓÚÒª·´×÷±×£¬ÑéÖ¤ÓÐʱ¹ÊÒâ¼ÓÈë¶àµÄ¸ÉÈÅÒòËØ£¬ÕâʱÑéÖ¤ÂëÏÔʾ²»ºÜÇå³þ£¬Óû§¾­³£ÊäÈë´íÎó¡£ÕâÑù²»µ«ÒªÖØÐÂË¢ÐÂÒ³Ã棬µ¼ÖÂÓû§Ã»Óп´Çå³þÑéÖ¤Âë¶øÖØÌî¶ø²»ÊÇÐ޸ģ¬¶øÇÒÈç¹ûûÓÐÓÃsession±£´æÏÂÓû§ÊäÈëµÄÆäËüÊý¾ÝµÄ»°(ÈçÐÕÃû)£¬Óû§¸Õ¸ÕÊäÈëµÄÄÚÈÝÒ²²»´æÔÚÁË£¬ÕâÑù¸øÓû§Ôì³É²»ºÃµÄÌåÑé ......

AJAXʵÏֵĶàÈËЭͬÉè¼Æ


Download board.zip - 39.6 KB - Old Version 
Download board_2008.zip - 55.03 KB  - Latest VS 2008 Version
Introduction  
This is an AJAX based WhiteBoard application. Typically unlike their desktop based counterparts, web applications need to be designed to use optimal ......

jQuery Ajax ʵÀýÑÝʾ

 
<html>
<head>
<title>jQuery Ajax ʵÀýÑÝʾ</title>
</head>
<script language="javascript" src="../lib/jquery.js"></script>
<script language="javascript">
$(document).ready(function ()
{
   $('#send_ajax').click(function (){
&nb ......

Ajax£¬Ñ¡Ôñͬ²½»¹ÊÇÒì²½


Ajax£¬Ñ¡Ôñͬ²½»¹ÊÇÒì²½
AjaxÔÚÍøÒ³ÖÐ×î´óµÄÒ»¸öÓŵãÊÇËü¿ÉÒÔ·ÃÎÊ·þÎñÆ÷ÉϵÄÐÅÏ¢¶ø²»ÐèÒªÖØмÓÔØÍøÒ³¡£ÕâÒâζ×ÅÒª¼ìË÷»òÊǸüÐÂÐÅÏ¢µÄijһС¸ö²¿·ÖµÄʱºò£¬Ö»ÐèÒª´Ó·þÎñÆ÷¶Ë´«ËÍÄÇÒ»²¿·ÖÐèÒªµÄÐÅÏ¢¶ø²»ÐèÒªÖØÐÂÏÂÔØÕû¸öÍøÒ³¡£
¡¡¡¡Ajax¿ÉÒÔͨ¹ýÁ½ÖÖ·½·¨·ÃÎÊ·þÎñÆ÷£¬¼´Í¬²½(½Å±¾»áÍ£Áô²¢µÈ´ý·þÎñÆ÷·¢Ëͻظ´È»ºóÔÙ¼ÌÐø)ºÍ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ