惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

WordPress大学
WordPress大学
酷 壳 – CoolShell
酷 壳 – CoolShell
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
腾讯CDC
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
Jina AI
Jina AI
N
Netflix TechBlog - Medium
有赞技术团队
有赞技术团队
博客园 - 【当耐特】
MongoDB | Blog
MongoDB | Blog
P
Proofpoint News Feed
L
LangChain Blog
aimingoo的专栏
aimingoo的专栏
GbyAI
GbyAI
B
Blog
F
Fortinet All Blogs
T
Tailwind CSS Blog
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
G
Google Developers Blog
A
About on SuperTechFans
C
Check Point Blog
Microsoft Security Blog
Microsoft Security Blog
MyScale Blog
MyScale Blog
B
Blog RSS Feed

博客园 - 新传

新空间用fify.cn 努力目标:web UI 工程师!!! [原+转]CSS hack 小技巧 让你的CSS 兼容ff ie6.0 ie7.0 [转]CSS编程提醒及小技巧整理 博文阅读密码验证 - 博客园 [转]一些prototype的实例 [复]一段页面全屏最大化代码 web测试用例[样稿].doc [原]从新浪提取出来的alert、confirm提示效果 b/s系统中自用calender控件 用CSS做的几个漂亮的小按纽 一款很小巧的桌面窗口隐藏工具 我的大学同学 今晚7点半刘德华2007 Wonderful World南京演唱会 [笑话]假新版人民币15元! [原]几种流行php编辑器对utf-8编码 bom问题的处理比较 php 常用函数手册[doc版] 告别了pocketPc 我回到了原点 汗!原来我也上过媒体
[原]thinkphp实例下载 ajax自动完成
新传 · 2007-09-08 · via 博客园 - 新传

IndexAction代码:

class IndexAction extends Action
{
    
function Index()
    {
        
$this->display();
    }
    
    
function ajaxauto(){//自动完成action
        $tagname=$_POST['tagname'];
        
$dao=D('tpltags');
        
$r=$dao->findAll("tagname like '%$tagname%'"); 
        
$this->assign('list',$r);
        
$this->display();
        
    }
    
function showresult(){//显示结果action
        $tagname=$_POST['tagname'];
        
$dao=D('tpltags');
        
$r=$dao->findAll("tagname like '%$tagname%'");
        
$this->assign('list',$r);
        
$this->display();
        
    }
}

首页模板核心:

<tagLib name='cx,html' />
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<html:link type='css' href='../Public/css/autocomplete.css' />
<html:link type='js' href='../Public/js/prototype.js' />
<html:link type='js' href='../Public/js/effects.js' />
<html:link type='js' href='../Public/js/controls.js' />
<!-- 上面三个js加载顺序为prototype effects controls 不能乱-->
<SCRIPT LANGUAGE="JavaScript">
<!--
// 

window.onload 
= function ()
{
    
new Ajax.Autocompleter("tagname","autocomplete""__URL__/ajaxauto"{});
    
}



function showResults(){
    
    
new Ajax.Updater('description', '__URL__/showresult', {method:'post', postBody:'tagname='+$F('tagname')});
    
new Effect.Appear('description');
    
}


//-->
</SCRIPT>

下载地址:
/Files/webeasy/autosearch.rar (仅app 不含框架 框架请到thinkphp.cn下载)