ÓÃ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;
Ïà¹ØÎĵµ£º
ͼ1.1 ʵÀýÔËÐÐЧ¹û
1.1.1 ¼¼ÊõÒªµã
¶¯Ì¬¼ÓÔØFAQµÄ¹ý³ÌÖ÷ÒªÊÇÀûÓÃXMLHttpRequest£¨ÒÔϼò³ÆXHR£©¶ÔÏóÓë·þÎñ¶ËͨÐÅ£¬¸ù¾ÝÓû§µ¥»÷µÄ¸ÐÐËȤÎÊÌ⶯̬½«ÄÚÈݼÓÔØµ½Ò³ÃæÖС£ÔÚ¾ßÌåʵÏÖʱ£¬ÓÐÁ½µãҪעÒâµÄÄÚÈÝ¡£
1£®¶Ôÿ¸öÎÊÌâ½øÐÐΨһ±êʶ
FAQÖ÷Òª°üº¬ÎÊÌâÓë½â´ðÁ½¸ö²¿·Ö£¬Óû§µ¥»÷Ò»¸öÎÊÌâʱ£¬·þÎñÆ÷±ØÐëÖªµÀ ......
Óû§²Ù×÷½çÃæpostalcode.html
Ò³ÃæÖаüº¬3¸öÎı¾¿ò£¬·Ö±ð±íʾÓÊÕþ±àÂë¡¢µØÇøºÍ³ÇÊÐÐÅÏ¢¡£µ±Óû§ÊäÈëÓÊÕþ±àÂëºó£¬ÏµÍ³½«×Ô¶¯´Ó·þÎñÆ÷¶ÁÈ¡µØÇøºÍ³ÇÊÐÐÅÏ¢£¬Ìî³äµ½¶ÔÓ¦Îı¾¿òÖС£ÏêϸµÄº¯Êý˵Ã÷Çë²Î¿¼´úÂëÖеÄ×¢ÊÍ¡£
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
<tit ......
Êý¾Ý¿âÉè¼Æ
±¾ÊµÀýʹÓÃÃûΪ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,
' ......
½ñÌìÎÒÖ÷ҪѧϰÁËUpdateModeÊôÐÔ¼°Ê¹ÓÃUpdateTriggers£¬°ÑÊéÖÐËù½ÌÊÚµÄÄÚÈÝÓöà¸öÀý×Óʵ¼ùÁËһϣ¬È·ÊµÃ÷°×ÁËÐí¶à¡£
UpdateMode
Ê×ÏÈÔÚÉÏһƪҲÌáµ½¹ýÕâÑùÒ»¸öÀíÂÛ£ºÔÚ̸ÂÛUpdatePanel¿Ø¼þµÄË¢ÐÂʱ£¬µ±UpdatePanel¿Ø¼þÖеÄ×ӿؼþ´¥·¢Async-Postback¶¯×÷ʱ£¬Ë¢ÐµÄÇøÓòÊ ......