Ò׽ؽØͼÈí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö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)×¢²á»Øµ÷º


Ïà¹ØÎĵµ£º

10¸ö·Ç³£°ôµÄAjax¼°JavascriptʵÀý×ÊÔ´ÍøÕ¾

1.Ajax Rain
¡¡¡¡AjaxRainÓкܶàÍêÃÀÕûºÏAJAX, CSS, DHTML »ò JavascriptµÄʵÀý£¬ÓÐһЩDemoµÄÈ·ÖµµÃÄãÈ¥¿´Ò»¿´£¬¼´Ê¹Äã²»ÊÇÍøÒ³Éè¼Æ(¿ª·¢)ʦ¡£
Ajax/JavascriptʵÀý:
 EXT JS Date Picker
 jQuery Feed Menu
 jGrowl
 FastFind Menu – Jquery
 Spiffy Accordion
2.Ajax Daddy ......

AJAXÖе±Êó±ê»¬¹ý,ÐбäÉ«.


<style type="text/css">
<!--
.STYLE1 {
 font-size: 24px;
 font-weight: bold;
}
.STYLE2 {font-size: 36px}
-->
 .mouseOut {
    color: #000000;
 
 
  
    }
    .mouseOver {
 &nb ......

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 ......

Building a Web 2.0 Portal with asp.net ajax µÚÒ»ÕÂ


[Òë]µÚÒ»Õ ½éÉÜ Web ÃÅ»§ÒÔ¼° Dropthings.com
ÔÚÕâ±¾ÊéÖУ¬ÎÒ½«»á¸øÄúչʾÔõÑù½éÉÜÒ»¸ö Ajax£¬Web 2.0 ʽµÄÃÅ»§¡£Õâ¸öÃÅ»§Ê¹Óà ASP.NET 3.5 , ASP.NET AJAX ºÍ .NET 3.5 , ҲʹÓÃÁË LINQ ºÍ SQL Server 2005.ÔÚ´´½¨Ó¦ÓóÌÐòÖУ¬Äã¿ÉÒÔÁ˽⵽£º
±ØÐëÒª×öµÄÉè¼Æ¾ö¶¨ºÍ Web 2.0 Óû§½çÃæÖпÉÓÃÐÔµÄÎÊÌâ
¼Ü¹¹µÄ¸´ÔÓÐԺͷ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ