AjaxÌØÐ§ ¸ù¾ÝÓÊÕþ±àÂë»ñÈ¡µØÇøÐÅÏ¢ Ö®Èý
Óû§²Ù×÷½çÃæpostalcode.html
Ò³ÃæÖаüº¬3¸öÎı¾¿ò£¬·Ö±ð±íʾÓÊÕþ±àÂë¡¢µØÇøºÍ³ÇÊÐÐÅÏ¢¡£µ±Óû§ÊäÈëÓÊÕþ±àÂëºó£¬ÏµÍ³½«×Ô¶¯´Ó·þÎñÆ÷¶ÁÈ¡µØÇøºÍ³ÇÊÐÐÅÏ¢£¬Ìî³äµ½¶ÔÓ¦Îı¾¿òÖС£ÏêϸµÄº¯Êý˵Ã÷Çë²Î¿¼´úÂëÖеÄ×¢ÊÍ¡£
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
<title>¸ù¾ÝÓÊÕþ±àÂë»ñȡʡÊÐÐÅÏ¢</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<script type="text/javascript">
var xmlHttp; //ÓÃÓÚ±£´æXMLHttpRequest¶ÔÏóµÄÈ«¾Ö±äÁ¿
//ÓÃÓÚ´´½¨XMLHttpRequest¶ÔÏó
function createXmlHttp() {
//¸ù¾Ýwindow.XMLHttpRequest¶ÔÏóÊÇ·ñ´æÔÚʹÓò»Í¬µÄ´´½¨·½Ê½
if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest(); //FireFox¡¢OperaµÈä¯ÀÀÆ÷Ö§³ÖµÄ´´½¨·½Ê½
} else {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); //IEä¯ÀÀÆ÷Ö§³ÖµÄ´´½¨·½Ê½
}
}
//½öÔÊÐíÊäÈëÊý×Ö
function checkNumber() {
//ÅжÏÊäÈë×Ö·ûµÄkeyCode£¬Êý×ÖÔÚ48~57Ö®¼ä£¬³¬³ö²¿·Ö·µ»Øfalse
if ((event.keyCode >= 48) && (event.keyCode <= 57)) {
event.returnValue = true;
} else {
event.returnValue = false;
}
}
//»ñÈ¡µØÇøÐÅÏ¢µÄµ÷Óú¯Êý
function getPostalCode() {
var pCodeValue = document.getElementById("postalCode").value; //»ñÈ¡ÊäÈëµÄÓÊÕþ±àÂë
//µ±ÊäÈëµÄÓʱ೤¶È¸ÕºÃµÈÓÚ6ʱ£¬ÀûÓÃXmlHttpRequest¶ÔÏóÏò·þÎñÆ÷·¢³öÒì²½ÇëÇó
if (pCodeValue.length
Ïà¹ØÎĵµ£º
ÕâÀïµÄajax¿É²»ÊÇ´óÃû¶¦¶¦µÄajax¾ãÀÖ²¿£¬ ÕâËĸö×ÖĸÔÚÕâÀïAsynchronous JavaScript and XMLµÄËõд¡£Í¨Ë×µØÃèÊöÕâÏî¼¼Êõ¾ÍÊÇ£ºÓà JavaScript Ïò·þÎñÆ÷»ñÈ¡Êý¾Ý£¬È»ºó¸üÐÂÍøÒ³µÄ¾Ö²¿£¬¶ø²»ÊÇË¢ÐÂÕû¸öÍøÒ³¡£
ÕâÏî¼¼Êõ·Ç³£ÊʺÏÓÃÀ´¿ª·¢ÒÔä¯ÀÀÆ÷Ϊ¿Í»§¶ËµÄϵͳµÄ½çÃæ£¬Ê¹ÓÃajax¸øÓû§´øÀ´µÄ¸üºÃµÄÌåÑ飬ËûÃDz»»á¸Ð¾õµ½ÓÃä¯À ......
jQuery ÊÇÒ»¸öJavaScript ¿â£¬ËüÓÐÖúÓÚ¼ò»¯ JavaScript™ ÒÔ¼° Asynchronous JavaScript + XML (Ajax) ±à³Ì¡£ÓëÀàËÆµÄ JavaScript ¿â²»Í¬£¬jQuery ¾ßÓжÀÌØµÄ»ù±¾ÔÀí£¬¿ÉÒÔ¼ò½àµØ±íʾ³£¼ûµÄ¸´ÔÓ´úÂ롣ѧϰ jQuery »ù±¾ÔÀí£¬Ì½Ë÷ÆäÌØÐԺ͹¦ÄÜ£¬Ö´ÐÐһЩ³£¼ûµÄ Ajax ÈÎÎñ²¢ÕÆÎÕÈçºÎʹÓòå¼þÀ©Õ¹ jQuery¡£
jQuery ÊÇʲ ......
±¾ÆªÎÄÕÂÖ÷Òª½éÉÜÈçºÎÔÚAjaxµÄ¿Í»§¶ËÓë·þÎñ¶ËÖ®¼ä´«ËÍJSON¸ñʽµÄÊý¾Ý¡£ÄÇôÎÒÃÇÏÈÀ´ËµËµÊ²Ã´ÊÇJSON°É¡£
JSON£¬¼´ÊÇJavaScript¶ÔÏó±ê¼Ç·¨£¬Ó¢ÎÄÃû³ÆÊÇJavaScript Object Notation£¬¼ò³ÆJSON
£¬ÊÇ JavaScript Programming Language,
Standard
ECMA-262 3rd Edition - December 1999
µÄ×Ó¼¯ºÏ£¬ÊÇ´ÓJavaScriptµÄo ......
XMLHTTPRequestÊÇÒÀ¸½ÓÚä¯ÀÀÆ÷µÄÒ»¸ö×é¼þ£¬ä¯ÀÀÆ÷²»Í¬Õë¶ÔµÄ×é¼þÃû³ÆÒ²²»Í¬¡£XMLHTTPRequestÊÇFirefoxÖÐ×é¼þµÄÃû³Æ£¬ÔÚIEÖнÐXMLHTTP¡£“XMLHTTP”ÓÐÁ½¸öÓŵ㣺¾Ö²¿Ë¢Ð¡¢Òì²½¶ÁÈ¡¡£
AjaxµÄʵÏÖ²½Ö裺
1¡¢ ´´½¨Òì²½¶ÔÏó£º
ÔÚIEÖУºvar xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
......
AJAXÎÞÒÉÊÇ2005Äê³´µÄ×îÈȵÄWeb¿ª·¢¼¼ÊõÖ®Ò»£¬µ±È»£¬Õâ¸ö¹¦ÀÍÀë²»¿ªGoogle¡£ÎÒÖ»ÊÇÒ»¸öÆÕͨ¿ª·¢Õߣ¬Ê¹ÓÃAJAXµÄµØ·½²»ÊÇÌØ±ð¶à£¬ÎҾͼòµ¥µÄ°ÑÎÒʹÓõÄÐĵÃ˵һÏ¡££¨±¾ÎļÙÉèÓû§ÒѾ¾ßÓÐJavaScript¡¢HTML¡¢CSSµÈ»ù±¾µÄWeb¿ª·¢ÄÜÁ¦£©
¡¡¡¡[AJAX½éÉÜ]
¡¡¡¡AjaxÊÇʹÓÿͻ§¶Ë½Å±¾ÓëWeb·þÎñÆ÷½»»»Êý¾ÝµÄWebÓ¦Óÿª·¢·½·¨¡ ......