Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

ÓÃAjax·ÂGoogle ½¨ÒéÁбíʵÀý

 AjaxSuggest.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="AjaxSuggest.aspx.cs" Inherits="AjaxSuggest" %>
<!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 runat="server">
<title>ÎÞ±êÌâÒ³</title>
<mce:style type="text/css"><!--
body{
font:21px;
}
.Link{
background-color:#FFFFFF;
padding:2px 6px 2px 6px;
}
.LinkOver{
background-color:#3355ff;
padding:2px 6px 2px 6px;
}


--></mce:style><style type="text/css" mce_bogus="1"> body{
font:21px;
}
.Link{
background-color:#FFFFFF;
padding:2px 6px 2px 6px;
}
.LinkOver{
background-color:#3355ff;
padding:2px 6px 2px 6px;
}

</style>
<mce:script type="text/javascript" language="javascript" src="js.js" mce_src="js.js"></mce:script>
</head>
<body>
<form id="form1" runat="server">
<div>
ajax½¨ÒéÁÐ±í£º<br /><br />
<input id="texSearch" name="texSearch" type="text" onkeyup="getSuggest(this.value)" /><input id="Button1" type="submit" value="²éÕÒ" />
<br />
<div id="suggest" style=" display:none; position:absolute;background-color:#FFFFFF;text-align:left;border:1px solid #000000; width: 236px; height: 135px;">

</div>

</div>
</form>
</body>
</html>
js.js
var XMLRequest = false;
function CreatHTTPRequest()
{
try {
XMLRequest = new XMLHttpRequest();
}
catch (trymicrosoft) {
try {
XMLRequest = new ActiveXObject("Msxml2.XMLHTTP");
} catch (othermicrosoft) {
try {
XMLRequest = new ActiveXObject("Microsoft.XMLHTTP");
} catch (failed) {
XMLRequest = false;


Ïà¹ØÎĵµ£º

AjaxÌØÐ§ ¸ù¾ÝÓÊÕþ±àÂë»ñÈ¡µØÇøÐÅÏ¢ Ö®¶þ

Êý¾Ý¿âÉè¼Æ
±¾ÊµÀýʹÓÃÃûΪpostalcodeµÄÊý¾Ý¿â±í£¬°üº¬µÄ²¿·ÖÊý¾ÝÈçͼ1.4Ëùʾ¡£¾ßÌåµÄ´´½¨Êý¾Ý±íÓï¾äÈçÏ£º
 
CREATE TABLE 'postalcode' (
  'id' int(11) NOT NULL auto_increment,
  'area' varchar(255) NOT NULL,
  'city' varchar(255) NOT NULL,
  'code' varchar(6) NOT NULL,
&n ......

AjaxÌØÐ§ ¶¯Ì¬Ê÷ÐÎÁбí Ö®Ò»

Ê÷ÐÎÁÐ±í£¨²Ëµ¥£©ÔÚWebÓ¦ÓÃÖÐÊ®·Ö³£¼û£¬Í¨³£Ó¦ÓÃÓÚĿ¼ʽ½á¹¹£¬ÀýÈç²úÆ··ÖÀà¡¢²¿ÃÅ»ú¹¹µÈ¡£´«Í³µÄÊ÷Ðβ˵¥Ö÷ÒªÓÐÁ½ÖÖ¼ÓÔØ·½Ê½£ºÒ»ÖÖÊÇÒ»´ÎÐÔ¼ÓÔØÈ«²¿Êý¾Ý£¬ÁíÒ»ÖÖÊǸù¾ÝÓû§²Ù×÷Öð²½¼ÓÔØÊý¾Ý£¬µ«ÊÇÐèҪˢÐÂÒ³Ãæ¡£Ç°Õß¼ÓÔØËٶȽÏÂý£¬²¢ÇÒ´æÔÚ´óÁ¿Êý¾ÝûÓб»Ê¹ÓõÄÀË·ÑÇéÐΡ£ºóÕß¿ÉÒÔÖð²½¼ÓÔØ£¬µ«ÊÇÆµ·±µØË¢ÐÂÒ³ÃæÔÚ¸øÓû§´øÀ ......

AjaxÌØÐ§ ¶¯Ì¬Ê÷ÐÎÁбí Ö®Èý

Êý¾Ý¿âÉè¼Æ
±¾ÊµÀýʹÓÃÃûΪtreeµÄÊý¾Ý¿â±í£¬°üº¬µÄÊý¾ÝÈçͼ1.8Ëùʾ£¬¾ßÌåµÄ½¨±íÓï¾äÈçÏ£º
CREATE TABLE 'tree' (
  'id' int(11) NOT NULL auto_increment,
  'text' varchar(255) NOT NULL,
  'isfolder' varchar(5) NOT NULL default 'false',
  'link' varchar(255) default NULL,
  ' ......

½â¾öAJAX(JSP)ÖÐÎÄÂÒÂë»òÌØÊâ·ûºÅ£¨&£©µÄ´«µÝÎÊÌâ

½â¾öAJAX(JSP)ÖÐÎÄÂÒÂë»òÌØÊâ·ûºÅ£¨&£©µÄ´«µÝÎÊÌâ----> ±¾ÈËÔ­´´£¨244796562@qq.com£©
************************js******************************
...
...
var s = encodeURIComponent("ÖÐÎÄ&English&@#$%!");
xmlReq.send("test", "txt=" + s, callback, callerror);//ͨ¹ýXMLHTTPRequest·¢ËÍ×Ö·ûÊý¾ ......

Îļþ¹ÜÀíϵͳ(JQuery²å¼þ+Ajax)

 Ö÷ÒªÊÇÎļþµÄÒ»¸ö¹ÜÀíϵͳ,Ò³Ãæ½Å±¾ÊÇÓÉJQuery (V1.3.1)²å¼þµÄ·½Ê½±àд,ËùÓй¦Äܶ¼ÊÇͨ¹ýAjaxºÍºǫ́Êý¾Ý»¥½»,²¢½áºÏ×Ô¼º¿ª·¢µÄ²å¼þÓë½áºÏµÚÈý·½²å¼þµÄÕûºÏ,·þÎñÆ÷¶ËÓÉASP.NET±à³Ì(ÓÐÐËȤµÄÅóÓÑ¿ÉÒÔ¸Äд³ÉÆäËü´úÂë,Èçjsp/php,¸ùĿ¼Óкǫ́³ÌÐòÅäÖÃ). Ï£Íû´ó¼Òϲ»¶(×öÍê¾Í¼±¼±Ã¦Ã¦·¢²¼ÁË,ûÓÐд̫¶à×¢ÊÍ,Ï£Íû´ó¼Ò¶à¶à°ü ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ