用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");
相关文档：
调用方法如下:
var p = new Pager(5, 10);
p.init('页码所在的容器ID', dataOp);
function dataOp() {
// ajax数据操作
SendContent("/Admin/TopicService.asmx/GetTopicList?currentPageIndex=" + p.currentPage + "&pageSize=" + p.pageSize, "GET", "", ajax ......
今天需要写一个功能，对于数据库中的数据，在用户通过WEB显示出来的时候，自动启动服务器端脚本对每个数据的有效性进行检测，并将结果呈现给用户。
我考虑的就是，呈现每条数据的时候，启动一个ajax通信进程，将结果反馈回来就OK了。
细节方面需要考虑的是，每个进程完成任务后在回调的时候如何知道它的“宿主&rdquo ......
我们可以使用XML作为数据传送、沟通的格式，Ajax客户端若要发送XML，基本上就是将XML作为字符串，在POST请求时发送，例如：
*HelloAjax.js
view plaincopy to clipboardprint?
var xmlHttp;
function createXMLHttpRequest() {
if (window.XMLHttpRequest) { ......
jsp内置对象：
page --java.lang.Object
request --javax.servlet.http.HttpServletRequest
session --javax.servlet.http.HttpSession
application --javax.servlet.ServletContext
response --javax.servlet.http.HttpServletRes ......
var file = filefromPath(encodeURI(encodeURI(this._input.value)));//黄羽修改 2010年4月8日 //修改后
不好意思那天没有在IE测试
......
