´«Ö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)×¢²á»Øµ÷º
Ïà¹ØÎĵµ£º
1¡¢XMLHttpRequest¶ÔÏóµÄ´´½¨
ÓÉÓÚ ²»ÊÇw3c±ê×¼£¬ËùÒÔʹÓÃJavascript´´½¨Ö®µÄ·½·¨Ò²²»Í¬£¡Internet explorer °ÑXMLHttpRequestʵÀý»¯Îª ActiveX¿Ø¼þ£¬È»¶ø ÆäËûµÄä¯ÀÀÆ÷£¨FireFox£¬opera£©°ÑXMLHttpRequestʵÀý»¯Îª±¾µØµÄJavaScriptÒ»¸ö¶ÔÏó
ËùÒÔ Ö»ÒªÈ·¶¨ÊÇ·ñ Ö§³Ö ActiveX¿Ø¼þ¶ÔÏ󣡣¡È ......
[list=1]
ÎÒÃÇÔÚ×öÑéÖ¤ÂëµÄʱºòÍùÍùÓÉÓÚÒª·´×÷±×£¬ÑéÖ¤ÓÐʱ¹ÊÒâ¼ÓÈë¶àµÄ¸ÉÈÅÒòËØ£¬ÕâʱÑéÖ¤ÂëÏÔʾ²»ºÜÇå³þ£¬Óû§¾³£ÊäÈë´íÎó¡£ÕâÑù²»µ«ÒªÖØÐÂË¢ÐÂÒ³Ã棬µ¼ÖÂÓû§Ã»Óп´Çå³þÑéÖ¤Âë¶øÖØÌî¶ø²»ÊÇÐ޸ģ¬¶øÇÒÈç¹ûûÓÐÓÃsession±£´æÏÂÓû§ÊäÈëµÄÆäËüÊý¾ÝµÄ»°(ÈçÐÕÃû)£¬Óû§¸Õ¸ÕÊäÈëµÄÄÚÈÝÒ²²»´æÔÚÁË£¬ÕâÑù¸øÓû§Ôì³É²»ºÃµÄÌåÑé ......
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 ......
<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ÔÚÍøÒ³ÖÐ×î´óµÄÒ»¸öÓŵãÊÇËü¿ÉÒÔ·ÃÎÊ·þÎñÆ÷ÉϵÄÐÅÏ¢¶ø²»ÐèÒªÖØмÓÔØÍøÒ³¡£ÕâÒâζ×ÅÒª¼ìË÷»òÊǸüÐÂÐÅÏ¢µÄijһС¸ö²¿·ÖµÄʱºò£¬Ö»ÐèÒª´Ó·þÎñÆ÷¶Ë´«ËÍÄÇÒ»²¿·ÖÐèÒªµÄÐÅÏ¢¶ø²»ÐèÒªÖØÐÂÏÂÔØÕû¸öÍøÒ³¡£
¡¡¡¡Ajax¿ÉÒÔͨ¹ýÁ½ÖÖ·½·¨·ÃÎÊ·þÎñÆ÷£¬¼´Í¬²½(½Å±¾»áÍ£Áô²¢µÈ´ý·þÎñÆ÷·¢Ëͻظ´È»ºóÔÙ¼ÌÐø)ºÍ ......