ÓÃAjax¶ÁÈ¡xmlÎļþµÄ¼òµ¥Àý×Ó
AjaxµÄÔÀíºÜ¼òµ¥£¬¾ÍÊÇÔÚ¿Í»§¶Ë´´½¨Ò»¸öXMLHttpRequest¶ÔÏó£¨ÓÃÀ´Óë·þÎñÆ÷½øÐÐÒ첽ͨÐÅ£¬Õâ¾ÍÊÇAjaxµÄºËÐÄ£¬ÆäʵÎÒÃÇÔç¾ÍÔÚÓÃÒ첽ͨÐÅÁË£¬Ö»ÊÇû°ÑÕâÏî¼¼ÊõÓÃÔÚÍøÒ³Éè¼ÆÖжøÒÑ£©£¬Îª¸Ã¶ÔÏóµÄonreadystatechange ÊôÐÔÌí¼ÓÒ»¸öʼþ£¬µ±¶ÔÏóµÄreadyState¸Ä±äµÄʱºò¾Í»áÒý·¢Ö¸¶¨µÄʼþ¡£µ½´Ë¾Í¿ÉÒԾͷ¢ËÍÇëÇó¶ÁÈ¡·þÎñÆ÷¶ËµÄXMLÊý¾ÝÁË£¬×îºóÒª×öµÄ¾ÍÊÇ´¦ÀíÊý¾ÝÁË¡£ ¹ØÓÚXMLHttpRequest¶ÔÏó£¬Çë²Î¿¼ About XMLHttpRequest ObjectÒ»ÎÄ¡£
¿´Àý×Ó£º
¸´ÖÆ´úÂë
//AjaxDemo.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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Asynchronous java script And XML</title>
</head>
<body>
<script type="text/java script">
var xmlHttp=null;
function readyStateChangeHandle()
{
if(xmlHttp.readyState==4)
{
if(xmlHttp.status==200)
{
var xmlDOM=xmlHttp.responseXML;
var xmlRoot=xmlDOM.documentElement;
try
{
var xmlItem=xmlRoot.getElementsByTagName("item");
alert(xmlItem[0].firstChild.data);
}
&
Ïà¹ØÎĵµ£º
[Òë]µÚÒ»Õ ½éÉÜ Web ÃÅ»§ÒÔ¼° Dropthings.com
ÔÚÕâ±¾ÊéÖУ¬ÎÒ½«»á¸øÄúչʾÔõÑù½éÉÜÒ»¸ö Ajax£¬Web 2.0 ʽµÄÃÅ»§¡£Õâ¸öÃÅ»§Ê¹Óà ASP.NET 3.5 , ASP.NET AJAX ºÍ .NET 3.5 , ҲʹÓÃÁË LINQ ºÍ SQL Server 2005.ÔÚ´´½¨Ó¦ÓóÌÐòÖУ¬Äã¿ÉÒÔÁ˽⵽£º
±ØÐëÒª×öµÄÉè¼Æ¾ö¶¨ºÍ Web 2.0 Óû§½çÃæÖпÉÓÃÐÔµÄÎÊÌâ
¼Ü¹¹µÄ¸´ÔÓÐԺͷ ......
½ñÌìµÄ»°ÌâÊÇÈçºÎ¸Ä½ø×Ô¼ºÍøÕ¾µÄ½çÃæ»òÌá¸ßÍøÕ¾µÄÊÓ¾õÌåÑ飬´Ó¶øÈÃÓû§¼ÇÒäÓÌС£
¡¡¡¡ÎÒÃÇÓÐÈýÖÖÖ÷ÒªµÄ·½·¨(´ÓÄѵ½Ò×):×Ô¼º¶¯ÊÖд½Å±¾;ʹÓÃÀàËÆÓÚjQueryºÍmooToolsµÄJavaScript¿ò¼Ü(¿ÉÒÔÈñàд´úÂë±äµÃ¸üÈÝÒ×Щ);ʹÓÃÄܹ¤×÷ÓÚÏÖÓеÄJavaScript¿ò¼ÜϵÄÌáǰԤÖúõĽű¾»òÄÇÖÖ´ÓÍ·¿ªÊ¼¿ª·¢µÄ´´½¨Õß¡£ÕâÆªÎÄÕÂÊʺÏÄÇ ......
±¾ÊµÀýÖ»ÀûÓõ½JQueryÀà¿â±¾ÉíµÄº¯ÊýºÍ¹¦ÄÜ£¬²»ÐèÒªµÚÈý·½²å¼þµÄÖ§³Ö¡£ÁíÍ⣬ËùÓÐ±íµ¥ÐÅÏ¢¶¼ÊÇÀûÓÃPHPMailerÀà¿âÓʼþµÄÐÎʽ·¢Ë͸ø¹ÜÀíÔ±¡£Èç¹ûÄã¶ÔJQueryµÄ»ù±¾Óï·¨»¹²»ÊǺÜÊìϤ£¬ÇëËÑË÷±¾Õ¾µÄ½Ì³Ì×ÊÔ´¡£Èç¹ûÄã¶ÔPHPMailerÓ÷¨²»ÊìϤ£¬Çë²é¿´±¾Õ¾µÄÁíһƪÎÄÕ¡¶Ê¹ÓÃPHPMailerÀà¿â·¢Ë͵ç×ÓÓʼþ¡·¡£
µÚÒ»²½£¬´´½¨Ò»¸ö±íµ¥HTM ......
Ajax¿ò¼Ü jQuery
jQueryÊÇÒ»¿îÃâ·ÑÇÒ¿ª·ÅÔ´´úÂëµÄJavaScript´úÂë¿â£¬ÓÉJohn Resig´´½¨¡£ÊÚȨÐÒéΪGPLºÍMITÐí¿É֤˫ÐÒ顣ʾÀý´úÂ룺 $("p.neat").addClass("ohmy").show("slow"); ÌØµãÇáÁ¿¼¶¾GZipѹËõºó´«ÊäµÄ´úÂëÎļþ½ö14KB£¬Î´¾Ñ¹Ëõ´«Ë͵ĴúÂëÎļþ½ö26KB¡£ jQuery 1.26°æÊ±£º µµ°¸µµ°¸ÐÐÊýµµ°¸Size ±¸×¢ jquery-1.2 ......
/**
* Ajax²Ù×÷º¯Êý
*
* @param url -- ·þÎñÆ÷¶ËÒ³ÃæµØÖ·
* @param param -- ²ÎÊý£¬ÀàËÆ 'user=123&id=100'
* @param method -- ÇëÇó·þÎñÆ÷¶ËµÄ·½·¨,GetºÍPostÁ½ÖÖ£¬Ä¬ÈÏÊÇGET
* @param response -- ÊÇ·ñ»ñÈ¡·þÎñÆ÷¶Ë·µ»ØµÄ½á¹û£¬Ä¬ÈÏÊÇtrue
*/
function ajax( url, param, method, response ){
//set defaul ......