ajaxʵÀý
//³õʼ»¯¶ÔÏó²¢·¢³öXMLHttpRequestÇëÇó
xmlHttp= false;
if (window.XMLHttpRequest)
{ //MozillaµÈÆäËûä¯ÀÀÆ÷
xmlHttp= new XMLHttpRequest();
if (xmlHttp.overrideMimeType)
{
xmlHttp.overrideMimeType("text/xml"); /*Èç¹ûÀ´×Ô·þÎñÆ÷µÄÏìӦûÓÐ XML mime-type Í·²¿(header)£¬ÔòһЩ°æ±¾µÄ Mozillaä¯ÀÀÆ÷²»ÄÜÕý³£ÔËÐС£¶ÔÓÚÕâÖÖÇé¿ö£¬httpRequest.overrideMimeType('text/xml'); Óï¾ä½«¸²¸Ç·¢Ë͸ø·þÎñÆ÷µÄÍ·²¿£¬Ç¿ÖÆ text/xml ×÷Ϊ mime-type¡£*/
}
}
else if (window.ActiveXObject)
{ //IEä¯ÀÀÆ÷
try
{ //Microsoft ä¯ÀÀÆ÷ Internet Explorer ʹÓà MSXML ½âÎöÆ÷´¦Àí XML
xmlHttp= new ActiveXObject("Msxml2.XMLHTTP"); //³¢ÊÔʹÓÃÒ»¸ö°æ±¾µÄ MSXML ´´½¨¶ÔÏó£¬Èç¹ûʧ°ÜÔòʹÓÃÁíÒ»¸ö°æ±¾´´½¨¸Ã¶ÔÏó¡£
}
catch (e)
{
try
{
xmlHttp= new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
}
}
}
xmlHttp.open("GET", "p2.jsp", true);//get±íʾÒÔget·½Ê½Ìá½»£¬p2.jsp±íʾÌá½»µ½µÄÒ³Ãæ£¬true±íʾÒì²½Ìá½»¡£×¢Ò⣺Õâ¾ä´úÂëÔËÐÐʱ£¬²¢Ã»ÓÐÌá½»
//xmlHttp¸ù¾ÝÌá½»µÄÊý¾Ý»ñµÃµÄÇé¿ö£¬Óм¸¸ö״̬£¬´æ´¢ÔÚreadyStateÄÚ£¬Ã¿´Î״̬¸Ä±ä£¬¶¼»á´¥·¢onreadystatechangeʼþ
//readyState ״̬½âÊÍ 0 δ³õʼ»¯¶ÔÏóÒÑ´´½¨£¬ÉÐδµ÷ÓÃopen(), 1 Òѳõʼ»¯µ÷ÓÃopen()·½·¨ÒÔºó ,2 ·¢ËÍÊý¾Ýµ÷ÓÃsend()·½·¨ÒÔºó
//3 Êý¾Ý´«ËÍÖÐÔÚÒѾ½Óµ½²¿·ÖÊý¾Ý£¬µ«ÉÐδ½ÓÊÕÍê³É ,4 Íê³ÉÊý¾ÝÈ«²¿½ÓÊÕ
xmlHttp.onreadystatechange=function() {
//alert(xmlHttp.readyState);
if (xmlHttp.readyState==4) {
&n
Ïà¹ØÎĵµ£º
±¾ÎÄÊÕ¼¯ÁËһЩÓÐȤ²¢ºÜÓÐÓõÄ×Ô¶¯Ìáʾ½Å±¾£¬ËûÃÇÎÞÂÛ¶ÔÓÚ³õѧÕß»¹ÊÇרҵǰ¶Ë¿ª·¢ÈËÔ±¶¼ÊÇÊÊÓõġ£ÕâЩ½Å±¾°üÀ¨±ê×¼µÄ×Ô¶¯ÌáʾЧ¹û¡¢·Â
del.icio.usЧ¹û¡¢·ÂGoogelЧ¹ûÒÔ¼°Ê¹ÓÃ×Ô¶¯ÌáʾµÄ¸ß¼¶Êý¾Ý±í¹ýÂËЧ¹û¡£
ʹÓÃÒ»¸öºÏÊʵÄ×Ô¶¯Ìáʾ½Å±¾ÓÐЧµÄÌáÉýÄãµÄÍøÕ¾µÄÓû§ÌåÑé¡£
1. Ajax Auto Suggest v.2
AutoSuggest
ÀàÌ ......
ÒòΪAJAXĬÈϵÄÊÇUTF-8£¬ËùÒÔ½«JSPÒ³ÃæºÍºǫ́servletµÄ±àÂë¸ñʽ¶¼ÉèÖÃΪUTF-8×îºÃ£¬Ò²ÓÐÀûÓÚÒÔºóµÄÀ©Õ¹¡£
È»ºóÔÚ¶ÔÓ¦µÄ¸ñʽÏÂÃæ£¨dopost»òÕßdoget£©£¬¼ÓÉÏÕ⼸¾ä
response.setContentType("text/html");
request.setCharacterEncoding("utf-8");
response.setCharacterEncoding("UTF-8");
±¾ÈËÇײ⣬µ¯³öµ ......
¹ØÓÚÔÚAJAXÖÐGET»ØµÄResponseTextÖÐÎÄÂÒÂëµÄ×î¼ò½â¾ö°ì·¨
//Èç¹û´«ËͲÎÊýÊÇÖ±½Ó¸³ÓèµÄ£¬¾Í»á²úÉúÂÒÂë!
´úÂëÈçÏÂ:
http_request.open("POST",url,true);
http_request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
http_request.send("action="+strName+"&val="+val); //Èç¹ûvalµÄ ......
×î½ü£¬Ð´Á˸öajax³ÌÐò¡£ÊµÏÖÁ˶¨Î»µØÍ¼£¬ÒòΪÁËajaxµÄ¶¯Ì¬ÇëÇó£¬ËùÒÔ£¬µØÍ¼ÊÇʵʱɨÃèµÄ£¬µ«ÊÇ£¬ÎÊÌâÀ§»óÁ˰ë¸öÔ£¬½ñÌìÔÚºÍѧ³¤ÁÄÌìµÄʱºò£¬ÖÕÓÚÏëÇå³þÁË¡£
ajaxÔÚ±¾³ÌÐòÖеÄÈÎÎñ¾ÍÊǶ԰˸ö¶Á¿¨Æ÷µã½øÐж¯Ì¬ÇëÇóÊý¾Ý¿âÊý¾Ý£¬È»ºó£¬¸ù¾ÝÊý¾Ý¿âË÷ÒýÊýɨÃèµØÍ¼ÉϸõãµÄ ......
$.ajax({
type: "POST", //·ÃÎÊWebServiceʹÓÃPost·½Ê½ÇëÇó
......