AJAX实现类似Google搜索提示的基础配置
2007-12-31 09:34
836 查看
前题:引用了ajax.dll,AjaxPro.dll 点击这里下载或在文章最后下载示例方案
1:在web.config的<system.web>标签里面写:
<httpHandlers>
<add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory,AjaxPro"/>
<add verb="POST,GET" path="Ajax/*.ashx" type="Ajax.PageHandlerFactory, Ajax"/>
</httpHandlers>
2:在 _Default.cs类文件里写
[Ajax.AjaxMethod()]
public ArrayList GetSearhItmes(string str, string inputID)
{
ArrayList itmes = new ArrayList();
………………
return itmes;
}
3:在_Default.cs的Page_Load里写:
protected void Page_Load(object sender, EventArgs e)
{
Ajax.Utility.RegisterTypeForAjax(typeof(_Default));
}
4:在Default.aspx页面引用LookUp.js(点击下载):
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script language="javascript" src="LookUp.js" type="text/javascript"></script>
<script language="jscript" type="text/javascript">
function mainLoop()
{
val = queryField.value;
if (lastVal != val && document.activeElement.id == queryField.id)
{
var response = Control_ProNum.GetSearhItmes(val);
showQueryDiv(response.value);
lastVal = val;
}
setTimeout('mainLoop()', 100);
return true;
}
</script>
点击这里下载完整例子
1:在web.config的<system.web>标签里面写:
<httpHandlers>
<add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory,AjaxPro"/>
<add verb="POST,GET" path="Ajax/*.ashx" type="Ajax.PageHandlerFactory, Ajax"/>
</httpHandlers>
2:在 _Default.cs类文件里写
[Ajax.AjaxMethod()]
public ArrayList GetSearhItmes(string str, string inputID)
{
ArrayList itmes = new ArrayList();
………………
return itmes;
}
3:在_Default.cs的Page_Load里写:
protected void Page_Load(object sender, EventArgs e)
{
Ajax.Utility.RegisterTypeForAjax(typeof(_Default));
}
4:在Default.aspx页面引用LookUp.js(点击下载):
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script language="javascript" src="LookUp.js" type="text/javascript"></script>
<script language="jscript" type="text/javascript">
function mainLoop()
{
val = queryField.value;
if (lastVal != val && document.activeElement.id == queryField.id)
{
var response = Control_ProNum.GetSearhItmes(val);
showQueryDiv(response.value);
lastVal = val;
}
setTimeout('mainLoop()', 100);
return true;
}
</script>
点击这里下载完整例子
相关文章推荐
- AJAX实例二:实现类似Google的搜索提示【原著】
- AJAX实例二:实现类似Google的搜索提示【原著】
- 实现类似google搜索效果,文本框输入智能提示,没有用ajax控件和第三方控件,完全手写代码
- 实现类似google搜索效果,文本框输入智能提示,(经过改进 支持多个文本框的效果)
- ASP+AJAX做类似google的搜索提示
- AJAX实现类似百度的搜索提示,自动补全和键盘、鼠标操作
- AJAX实现类似百度的搜索提示,自动补全和键盘、鼠标操作
- winform实现类似google的搜索提示Suggest Search
- ASP+AJAX做类似google的搜索提示
- 在Winfrom下实现类似百度、Google搜索自能提示功能
- AJAX的下拉查询,效果跟google的搜索提示类似
- ASP+AJAX做类似google的搜索提示
- ASP+AJAX做类似google的搜索提示
- jquery实现百度类似搜索提示功能(AJAX应用)
- 在Winfrom下实现类似百度、Google搜索自能提示功能
- 仿Google搜索自动提示 jQuery+Ajax
- jquery实现搜索框自动补全功能,类似google搜索引擎,数据是用Ajax从后台获得
- ajax实现类似百度和google的下拉框原理
- AJAX实例二:实现类似Google的搜索提示
- Ajax实现搜索栏中输入时的自动提示功能