ÓÃ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;
Ïà¹ØÎĵµ£º
·þÎñÆ÷¶ËÏìÓ¦Îļþpostalcode.jsp
·þÎñÆ÷ÏìÓ¦Îļþ¸ù¾ÝÓû§ÊäÈëµÄÓÊÕþ±àÂ룬´ÓÊý¾Ý¿âÖвéѯ¶ÔÓ¦µÄµØÇøÐÅÏ¢¡£Èç¹ûûÓÐÈ¡µ½£¬Ôò·µ»Ø¿Õ×Ö·û´®¡£
<%@ page contentType="text/plain; charset=UTF-8"%>
<%@ page language="java"%>
<%@ page import="java.sql.*,ajax.db.DBUtils"%>
<%!
......
¼¼ÊõÒªµã
ÔÚ»ù±¾ÔÀíµÄ½éÉÜÖУ¬Á˽⵽ͨ¹ýÔÚ¸¸½ÚµãÄÚ¶¯Ì¬´´½¨×ӽڵ㣬²¢ÀûÓÃÑùʽ±íËõ½øÍê³ÉÊ÷ÐÎÁбíµÄ»ù±¾¿ò¼Ü¡£³ýÁËÕâÒ»µãÍ⣬»¹ÓÐÏÂÃæÒ»Ð©ÎÊÌâÐèÒª¿¼ÂÇ¡£
1£®½«¸¸½ÚµãËùÓеÄ×Ó½Úµã·ÅÈëÒ»¸öÈÝÆ÷ÖÐ
»ù±¾ÔÀíÒ³ÃæÖнö°üº¬ÁË´´½¨×Ó½ÚµãµÄ¹¦ÄÜ£¬²»¿ÉÒÔ½«´´½¨ºÃµÄ½ÚµãÔÙ½øÐйرղÙ×÷¡£Êµ¼ÊÓ¦ÓÃÖв˵¥×ÜÊǰüº¬´ò¿ªºÍ¹Ø±ÕÁ½ÖÖ² ......
½â¾öAJAX(JSP)ÖÐÎÄÂÒÂë»òÌØÊâ·ûºÅ£¨&£©µÄ´«µÝÎÊÌâ----> ±¾ÈËÔ´´£¨244796562@qq.com£©
************************js******************************
...
...
var s = encodeURIComponent("ÖÐÎÄ&English&@#$%!");
xmlReq.send("test", "txt=" + s, callback, callerror);//ͨ¹ýXMLHTTPRequest·¢ËÍ×Ö·ûÊý¾ ......
ÕâÀïÎÒÃÇÔÙÀí½âÁËAJAXºó£¬¿ªÊ¼À´ÓÃʵÀý¸ÐÊÜAJAXµÄÁ¦Á¿¡£
½ñÌìÎÒ×îºóҪʵÏÖµÄЧ¹û£¬µ±Êó±ê·Åµ½Í¼Æ¬ÉÏʱ»á¸ù¾Ý£¬»á°ÑÊý¾Ý¿â¿âÀïµÄÊý¾Ý¶Á³ö£¬Í¨¹ýÏÔʾ¿òÏÔʾ³öÀ´¡£Õâ¸öÔںܶàÍøÉÏÉ̵궼ÓÐÓõ½ÕâÀïЧ¹û£¬ÎÒÃÇÕâÀïÓÃAJAXÀ´ÊµÏÖÕâ¸öЧ¹û¡£Õâ¸öʵÀýÀï½áºÏÁËMySql¡¢Servlet»¹ÓÐJs£¬ÀíÂÛÐÔºÜÉÙ£¬µ«Í¨¹ýʵ¼ùÀ´¸ÐÊÜÀíÂÛ֪ʶ¡£
......
´Ó2005 ÄêWeb2.0 µÄÐËÆð¿ªÊ¼ËãÆð£¬Ajax °éËæ×ŹúÄÚµÄWeb ¿ª·¢ÉçÇø×ß¹ýÁ˽üËÄÄêµÄ³É³¤Ê±¼ä¡£ËÄÄêµÄʱ¼ä£¬¶ÔÓÚÒ»ÏîWeb ¼¼Êõ²»Ëã¶ÌÁË£¬Õâ²»½öÊǶԵ±³õ¶ÔAjax“¾ÉƿװоƔ³Ö²»Ð¼Ì¬¶ÈµÄÈ˵ķ´²µ£¬¸ü°Ñ¸ü¶à¹ÛÍûÖеĿª·¢ÕßÀÈëÁËWeb ¿ª·¢µÄÐÐÁС£
AjaxµÄ¿ò¼ÜÒ²¿ªÊ¼Ò»Ò»³öÏÖ£º
Buffalo ÊÇÏÖÈÎThought ......