Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö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ÌØÐ§£º¶¯Ì¬¼ÓÔØµÄFAQ Ö®Ò»


ͼ1.1  ʵÀýÔËÐÐЧ¹û
1.1.1  ¼¼ÊõÒªµã
¶¯Ì¬¼ÓÔØFAQµÄ¹ý³ÌÖ÷ÒªÊÇÀûÓÃXMLHttpRequest£¨ÒÔϼò³ÆXHR£©¶ÔÏóÓë·þÎñ¶ËͨÐÅ£¬¸ù¾ÝÓû§µ¥»÷µÄ¸ÐÐËȤÎÊÌ⶯̬½«ÄÚÈݼÓÔØµ½Ò³ÃæÖС£ÔÚ¾ßÌåʵÏÖʱ£¬ÓÐÁ½µãҪעÒâµÄÄÚÈÝ¡£
1£®¶Ôÿ¸öÎÊÌâ½øÐÐΨһ±êʶ
FAQÖ÷Òª°üº¬ÎÊÌâÓë½â´ðÁ½¸ö²¿·Ö£¬Óû§µ¥»÷Ò»¸öÎÊÌâʱ£¬·þÎñÆ÷±ØÐëÖªµÀ ......

AjaxÌØÐ§ ¶¯Ì¬¼ÓÔØµÄFAQ Ö®ËÄ

·þÎñÆ÷¶ËÏìÓ¦Îļþread_faq.jsp
·þÎñÆ÷ÏìÓ¦Îļþ¸ù¾ÝÓû§´«ÈëµÄfaqId²ÎÊý£¬´ÓÊý¾Ý¿âÖвéÕÒ¶ÔÓ¦µÄFAQÏêϸÐÅÏ¢¡£ÏêϸÐÅÏ¢¿ÉÒÔΪ°üº¬HTML±ê¼ÇµÄÄÚÈÝ¡£²éѯÍê±Ïºó½«½á¹û·µ»Ø¡£
 
<%@ page contentType="text/plain; charset=UTF-8"%>
<%@ page language="java"%>
<%@ page import="java.sql.*,ajax.db.D ......

AJAX ¿â

 BODY { FONT-FAMILY:Tahoma; FONT-SIZE:10pt }
P { FONT-FAMILY:Tahoma; FONT-SIZE:10pt }
DIV { FONT-FAMILY:Tahoma; FONT-SIZE:10pt }
TD { FONT-FAMILY:Tahoma; FONT-SIZE:10pt }
AJAX ¿â API ÊÇÒ»ÖÖÄÚÈÝ·Ö²¼ÍøÂ磬¿ÉÔØÈë×îÊÜ»¶Ó­µÄ¿ªÔ´ JavaScript ¿âµÄ¼Ü¹¹¡£Í¨¹ýʹÓà Google AJAX API ÔØÈë³ÌÐòµÄ
google.l ......

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

½â¾öAJAX(JSP)ÖÐÎÄÂÒÂë»òÌØÊâ·ûºÅ£¨&£©µÄ´«µÝÎÊÌâ----> ±¾ÈËÔ­´´£¨244796562@qq.com£©
************************js******************************
...
...
var s = encodeURIComponent("ÖÐÎÄ&English&@#$%!");
xmlReq.send("test", "txt=" + s, callback, callerror);//ͨ¹ýXMLHTTPRequest·¢ËÍ×Ö·ûÊý¾ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ