热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

jqueryphp百度搜索框智能提示效果

这个程序是利用php+ajax+jquery实现的一个仿baidu智能提示的效果,有需要的朋友可以下载测试,代码如下:index.html文件,保保存成index.htm,代码如下:!...
这个程序是利用php+ajax+jquery 实现的一个仿baidu智能提示的效果,有需要的朋友可以下载测试,代码如下:

index.html文件,保保存成index.htm,代码如下:

 
 
 
 
 
 
 
 
 
 
 

Type your county:

 

php文件,代码如下: 0) { $sql= "SELECT value FROM countries WHERE value LIKE '".$queryString."%' LIMIT 10"; $query = mysql_query($sql); while ($result = mysql_fetch_array($query,MYSQL_BOTH)){ $value=$result['value']; echo '
  • '.$value.'
  • '; } } ?>

    sql.sql把这里复制保存到你的数据库,代码如下:

    -- phpMyAdmin SQL Dump 
    -- version 3.3.5 
    -- http://www.phpmyadmin.net 
    -- 
    -- 主机: localhost 
    -- 生成日期: 2010 年 12 月 09 日 02:36 
    -- 服务器版本: 5.0.22 
    -- PHP 版本: 5.2.14 
    SET SQL_MODE="NO_AUTO_VALUE_ON_ZERO"; 
    /*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */; 
    /*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */; 
    /*!40101 SET @OLD_COLLATION_COnNECTION=@@COLLATION_CONNECTION */; 
    /*!40101 SET NAMES utf8 */; 
    -- 
    -- 数据库: `autoComplete` 
    -- 
    -- -------------------------------------------------------- 
    -- 
    -- 表的结构 `countries` 
    -- 
    CREATE TABLE IF NOT EXISTS `countries` ( 
      `id` int(6) NOT NULL auto_increment, 
      `value` varchar(250) NOT NULL default '', 
      PRIMARY KEY  (`id`) 
    ) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=243 ; 
    -- 
    -- 转存表中的数据 `countries` 
    -- 
    INSERT INTO `countries` (`id`, `value`) VALUES 
    (1, 'Afghanistan'), 
    (2, 'Aringland Islands'), 
    (3, 'Albania'), 
    (4, 'Algeria'), 
    (5, 'American Samoa'), 
    (6, 'Andorra'), 
    (7, 'Angola'), 
    (8, 'Anguilla'), 
    (9, 'Antarctica'), 
    (10, 'Antigua and Barbuda'), 
    (11, 'Argentina'), 
    (12, 'Armenia'), 
    (13, 'Aruba'), 
    (14, 'Australia'), 
    (15, 'Austria'), 
    (16, 'Azerbaijan'), 
    (17, 'Bahamas'), 
    (18, 'Bahrain'), 
    (19, 'Bangladesh'), 
    (20, 'Barbados'), 
    (21, 'Belarus'), 
    (22, 'Belgium'), 
    (23, 'Belize'), 
    (24, 'Benin'), 
    (25, 'Bermuda'), 
    (26, 'Bhutan'), 
    (27, 'Bolivia'), 
    (28, 'Bosnia and Herzegovina'), 
    (29, 'Botswana'), 
    (30, 'Bouvet Island'), 
    (31, 'Brazil'), 
    (32, 'British Indian Ocean territory'), 
    (33, 'Brunei Darussalam'), 
    (34, 'Bulgaria'), 
    (35, 'Burkina Faso'), 
    (36, 'Burundi'), 
    (37, 'Cambodia'), 
    (38, 'Cameroon'), 
    (39, 'Canada'), 
    (40, 'Cape Verde'), 
    (41, 'Cayman Islands'), 
    (42, 'Central African Republic'), 
    (43, 'Chad'), 
    (44, 'Chile'), 
    (45, 'China'), 
    (46, 'Christmas Island'), 
    (47, 'Cocos (Keeling) Islands'), 
    (48, 'Colombia'), 
    (49, 'Comoros'), 
    (50, 'Congo'), 
    (51, 'Congo'), 
    (52, ' Democratic Republic'), 
    (53, 'Cook Islands'), 
    (54, 'Costa Rica'), 
    (55, 'Ivory Coast (Ivory Coast)'), 
    (56, 'Croatia (Hrvatska)'), 
    (57, 'Cuba'), 
    (58, 'Cyprus'), 
    (59, 'Czech Republic'), 
    (60, 'Denmark'), 
    (61, 'Djibouti'), 
    (62, 'Dominica'), 
    (63, 'Dominican Republic'), 
    (64, 'East Timor'), 
    (65, 'Ecuador'), 
    (66, 'Egypt'), 
    (67, 'El Salvador'), 
    (68, 'Equatorial Guinea'), 
    (69, 'Eritrea'), 
    (70, 'Estonia'), 
    (71, 'Ethiopia'), 
    (72, 'Falkland Islands'), 
    (73, 'Faroe Islands'), 
    (74, 'Fiji'), 
    (75, 'Finland'), 
    (76, 'France'), 
    (77, 'French Guiana'), 
    (78, 'French Polynesia'), 
    (79, 'French Southern Territories'), 
    (80, 'Gabon'), 
    (81, 'Gambia'), 
    (82, 'Georgia'), 
    (83, 'Germany'), 
    (84, 'Ghana'), 
    (85, 'Gibraltar'), 
    (86, 'Greece'), 
    (87, 'Greenland'), 
    (88, 'Grenada'), 
    (89, 'Guadeloupe'), 
    (90, 'Guam'), 
    (91, 'Guatemala'), 
    (92, 'Guinea'), 
    (93, 'Guinea-Bissau'), 
    (94, 'Guyana'), 
    (95, 'Haiti'), 
    (96, 'Heard and McDonald Islands'), 
    (97, 'Honduras'), 
    (98, 'Hong Kong'), 
    (99, 'Hungary'), 
    (100, 'Iceland'), 
    (101, 'India'), 
    (102, 'Indonesia'), 
    (103, 'Iran'), 
    (104, 'Iraq'), 
    (105, 'Ireland'), 
    (106, 'Israel'), 
    (107, 'Italy'), 
    (108, 'Jamaica'), 
    (109, 'Japan'), 
    (110, 'Jordan'), 
    (111, 'Kazakhstan'), 
    (112, 'Kenya'), 
    (113, 'Kiribati'), 
    (114, 'Korea (north)'), 
    (115, 'Korea (south)'), 
    (116, 'Kuwait'), 
    (117, 'Kyrgyzstan'), 
    (118, 'Lao People''s Democratic Republic'), 
    (119, 'Latvia'), 
    (120, 'Lebanon'), 
    (121, 'Lesotho'), 
    (122, 'Liberia'), 
    (123, 'Libyan Arab Jamahiriya'), 
    (124, 'Liechtenstein'), 
    (125, 'Lithuania'), 
    (126, 'Luxembourg'), 
    (127, 'Macao'), 
    (128, 'Macedonia'), 
    (129, 'Madagascar'), 
    (130, 'Malawi'), 
    (131, 'Malaysia'), 
    (132, 'Malpes'), 
    (133, 'Mali'), 
    (134, 'Malta'), 
    (135, 'Marshall Islands'), 
    (136, 'Martinique'), 
    (137, 'Mauritania'), 
    (138, 'Mauritius'), 
    (139, 'Mayotte'), 
    (140, 'Mexico'), 
    (141, 'Micronesia'), 
    (142, 'Moldova'), 
    (143, 'Monaco'), 
    (144, 'Mongolia'), 
    (145, 'Montserrat'), 
    (146, 'Morocco'), 
    (147, 'Mozambique'), 
    (148, 'Myanmar'), 
    (149, 'Namibia'), 
    (150, 'Nauru'), 
    (151, 'Nepal'), 
    (152, 'Netherlands'), 
    (153, 'Netherlands Antilles'), 
    (154, 'New Caledonia'), 
    (155, 'New Zealand'), 
    (156, 'Nicaragua'), 
    (157, 'Niger'), 
    (158, 'Nigeria'), 
    (159, 'Niue'), 
    (160, 'Norfolk Island'), 
    (161, 'Northern Mariana Islands'), 
    (162, 'Norway'), 
    (163, 'Oman'), 
    (164, 'Pakistan'), 
    (165, 'Palau'), 
    (166, 'Palestinian Territories'), 
    (167, 'Panama'), 
    (168, 'Papua New Guinea'), 
    (169, 'Paraguay'), 
    (170, 'Peru'), 
    (171, 'Philippines'), 
    (172, 'Pitcairn'), 
    (173, 'Poland'), 
    (174, 'Portugal'), 
    (175, 'Puerto Rico'), 
    (176, 'Qatar'), 
    (177, 'Runion'), 
    (178, 'Romania'), 
    (179, 'Russian Federation'), 
    (180, 'Rwanda'), 
    (181, 'Saint Helena'), 
    (182, 'Saint Kitts and Nevis'), 
    (183, 'Saint Lucia'), 
    (184, 'Saint Pierre and Miquelon'), 
    (185, 'Saint Vincent and the Grenadines'), 
    (186, 'Samoa'), 
    (187, 'San Marino'), 
    (188, 'Sao Tome and Principe'), 
    (189, 'Saudi Arabia'), 
    (190, 'Senegal'), 
    (191, 'Serbia and Montenegro'), 
    (192, 'Seychelles'), 
    (193, 'Sierra Leone'), 
    (194, 'Singapore'), 
    (195, 'Slovakia'), 
    (196, 'Slovenia'), 
    (197, 'Solomon Islands'), 
    (198, 'Somalia'), 
    (199, 'South Africa'), 
    (200, 'South Georgia and the South Sandwich Islands'), 
    (201, 'Spain'), 
    (202, 'Sri Lanka'), 
    (203, 'Sudan'), 
    (204, 'Suriname'), 
    (205, 'Svalbard and Jan Mayen Islands'), 
    (206, 'Swaziland'), 
    (207, 'Sweden'), 
    (208, 'Switzerland'), 
    (209, 'Syria'), 
    (210, 'Taiwan'), 
    (211, 'Tajikistan'), 
    (212, 'Tanzania'), 
    (213, 'Thailand'), 
    (214, 'Togo'), 
    (215, 'Tokelau'), 
    (216, 'Tonga'), 
    (217, 'Trinidad and Tobago'), 
    (218, 'Tunisia'), 
    (219, 'Turkey'), 
    (220, 'Turkmenistan'), 
    (221, 'Turks and Caicos Islands'), 
    (222, 'Tuvalu'), 
    (223, 'Uganda'), 
    (224, 'Ukraine'), 
    (225, 'United Arab Emirates'), 
    (226, 'United Kingdom'), 
    (227, 'United States of America'), 
    (228, 'Uruguay'), 
    (229, 'Uzbekistan'), 
    (230, 'Vanuatu'), 
    (231, 'Vatican City'), 
    (232, 'Venezuela'), 
    (233, 'Vietnam'), 
    (234, 'Virgin Islands (British)'), 
    (235, 'Virgin Islands (US)'), 
    (236, 'Wallis and Futuna Islands'), 
    (237, 'Western Sahara'), 
    (238, 'Yemen'), 
    (239, 'Zaire'), 
    (240, 'Zambia'), 
    (241, 'Zimbabwe');

    注:里面有个jquery文件没有放上来,大家可以下载jquery库.


    文章网址:

    随意转载^^但请附上教程地址。

    推荐阅读
    • 本文介绍了如何使用jQuery和AJAX来实现动态更新两个div的方法。通过调用PHP文件并返回JSON字符串,可以将不同的文本分别插入到两个div中,从而实现页面的动态更新。 ... [详细]
    • 第一种<script>$(".eq").on(&qu ... [详细]
    • 最近学习了关于使用最为流行的jquery发送请求,在实践中以最为简单的聊天室作为测验的辅助工具,对相关网页开发有一个初步的认识,希望大家能够一起学习进步。首先介绍一下 ... [详细]
    • 入门Java需熟练掌握哪些技术呢?
      Java工程师无疑是当下令人艳羡的工作之一,因此,每年都有大批大批的朋友想要报名Java工程师学习Java也就不奇怪了。那么入门Java掌握哪些技术能力 ... [详细]
    • 在说Hibernate映射前,我们先来了解下对象关系映射ORM。ORM的实现思想就是将关系数据库中表的数据映射成对象,以对象的形式展现。这样开发人员就可以把对数据库的操作转化为对 ... [详细]
    • Oracle分析函数first_value()和last_value()的用法及原理
      本文介绍了Oracle分析函数first_value()和last_value()的用法和原理,以及在查询销售记录日期和部门中的应用。通过示例和解释,详细说明了first_value()和last_value()的功能和不同之处。同时,对于last_value()的结果出现不一样的情况进行了解释,并提供了理解last_value()默认统计范围的方法。该文对于使用Oracle分析函数的开发人员和数据库管理员具有参考价值。 ... [详细]
    • 本文介绍了使用cacti监控mssql 2005运行资源情况的操作步骤,包括安装必要的工具和驱动,测试mssql的连接,配置监控脚本等。通过php连接mssql来获取SQL 2005性能计算器的值,实现对mssql的监控。详细的操作步骤和代码请参考附件。 ... [详细]
    • 本文介绍了使用FormData对象上传文件同时附带其他参数的方法。通过创建一个表单,将文件和参数添加到FormData对象中,然后使用ajax发送POST请求进行文件上传。在发送请求时,需要设置processData为false,告诉jquery不要处理发送的数据;同时设置contentType为false,告诉jquery不要设置content-Type请求头。 ... [详细]
    • Jquery 跨域问题
      为什么80%的码农都做不了架构师?JQuery1.2后getJSON方法支持跨域读取json数据,原理是利用一个叫做jsonp的概念。当然 ... [详细]
    • 本文介绍了DataTables插件的官方网站以及其基本特点和使用方法,包括分页处理、数据过滤、数据排序、数据类型检测、列宽度自动适应、CSS定制样式、隐藏列等功能。同时还介绍了其易用性、可扩展性和灵活性,以及国际化和动态创建表格的功能。此外,还提供了参数初始化和延迟加载的示例代码。 ... [详细]
    • Allegro总结:1.防焊层(SolderMask):又称绿油层,PCB非布线层,用于制成丝网印板,将不需要焊接的地方涂上防焊剂.在防焊层上预留的焊盘大小要比实际的焊盘大一些,其差值一般 ... [详细]
    • 前言:关于跨域CORS1.没有跨域时,ajax默认是带cookie的2.跨域时,两种解决方案:1)服务器端在filter中配置详情:http:blog.csdn.netwzl002 ... [详细]
    • asp.net(vb脚本)如何获取xml的节点值?xmlversion1.0encodingutf-8?rootimageimagemenusmenuurl#frame_paren ... [详细]
    • 1、概述首先和大家一起回顾一下Java消息服务,在我之前的博客《Java消息队列-JMS概述》中,我为大家分析了:然后在另一篇博客《Java消息队列-ActiveMq实战》中 ... [详细]
    • 前言对于从事技术的人员来说ajax是这好东西,都会使用,而且乐于使用。但对于新手,开发一个ajax实例,还有是难度的,必竟对于他们这是新东西。leo开发一个简单的ajax实例,用的是 ... [详细]
    author-avatar
    幽忧白雪666
    这个家伙很懒,什么也没留下!
    PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
    Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有