用AJAX实现google输入自动完成的简单模拟(转)
用AJAX实现google输入自动完成的简单模拟
2009-03-02 13:00
比较简单的模拟,文本框输入CompanyName,然后
搜索SqlServer2000 里NorthWind数据库 Suppliers表的CompanyName字段,
然后实现自动完成
四个文件
1 .AutoComplete.htm
<!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>
<title>输入自动完成</title>
<script language="javascript">
//输入信息的文本框
var txtInput;
//下拉表当前选中项的索引
var currentIndex = -1;
//初始化参数,和下拉表位置
function initPar()
{
txtInput = document.getElementById("txtCompanyName");
//设置下拉表相对于 文本输入框的位置
setPosition();
}
//设置下拉表相对于 文本输入框的位置
function setPosition()
{
var width = txtInput.offsetWidth;
var left = getLength("offsetLeft");
相关文档：
作者:fbysss
msn:jameslastchina@hotmail.com
blog:blog.csdn.net/fbysss
声明：本文由fbysss原创，转载请注明出处
关键字：Ajax跨域
一.试验准备
修改c:/windows/system32/drivers/etc/hosts文件，加入127.0.0.1 www.a.com www.b.com
Tomcat/webapps下建立crossdomai ......
今天需要写一个功能，对于数据库中的数据，在用户通过WEB显示出来的时候，自动启动服务器端脚本对每个数据的有效性进行检测，并将结果呈现给用户。
我考虑的就是，呈现每条数据的时候，启动一个ajax通信进程，将结果反馈回来就OK了。
细节方面需要考虑的是，每个进程完成任务后在回调的时候如何知道它的“宿主&rdquo ......
1) TextboxList自动完成 （源码，演示）
这个控件主要来自Facebook吧，在网易的邮件里也能看到，还有hotmail等等，在文本框里输入文本不但可以出现相关数据的列表，而且选中后的字符串还会变成一个小图标。这个控件主要用在电子邮件中吧。
2) Ajax IM即时聊天 （源码，演示）
Ajax IM是一个很牛的即时聊天的客户端，你 ......
11) 表单字段帮助信息的自动提示
增强WEB表单的Usability有很多很多的方法，在网上一搜一大片，然后有些时候，用户会被表单搞得很混乱，而且，不同的用户会对表单有不同的理解，其输入也是千奇百怪。所以，为表单字段增加一下自动帮助信息的提示绝对是非常不错的选择。这点在淘宝网上表现得比较出现。下面是一个非常简单 ......
1.记住下面三句话：
<1>异步应用程序是用JavaScriptt对象作出请求，而不是提交表单
<2>请求与响应是由Web浏览器处理，而不是直接由JavaScript代码处理
<3>一旦Web浏览器得到异步请求的响应，它会以服务器的响应“回头调用”JavaScript代码（这 ......
