php+ajax做仿百度搜索下拉自动提示框(有实例)_php实例
php+mysql+ajax实现百度搜索下拉提示框 主要有3个文件三个文件在同一个目录里 如下图
下面是三个文件的代码 把sql文件导入到mysql数据库里 修改下数据库密码为自己的 记得哦是UTF-8编码
php+mysql+ajax实现百度搜索下拉提示框
效果图
rpc.php文件
mysql_connect('localhost', 'root' ,'');
mysql_select_db("test");
$queryString = $_POST['queryString'];
if(strlen($queryString) >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 '
}
}
?>
index.htm文件
sql数据库autoComplete.sql文件(导入到mysql)
-- 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";
--
-- 数据库: `test`
--
-- --------------------------------------------------------
--
-- 表的结构 `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, 'Maldives'),
(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');
你在本地服务器测试下 一定很给力 而且原理很简单 没那么麻烦

Outils d'IA chauds

Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool
Images de déshabillage gratuites

Clothoff.io
Dissolvant de vêtements AI

AI Hentai Generator
Générez AI Hentai gratuitement.

Article chaud

Outils chauds

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds

Comment définir le navigateur QQ comme moteur de recherche Baidu par défaut ? QQ Browser est un outil de navigation Web très adapté au bureau ou aux études. Ce navigateur a une interface simple. Le moteur de recherche par défaut est Search Dog. Cependant, de nombreux utilisateurs sont plus habitués à utiliser la recherche Baidu. Lors de la recherche sur Baidu, de nombreux amis ne savent toujours pas exactement comment fonctionner. Ensuite, l'éditeur vous proposera un guide pour définir Baidu comme moteur de recherche par défaut pour le navigateur QQ. Les amis intéressés ne doivent pas le manquer. Conseils pour définir Baidu comme moteur de recherche par défaut dans le navigateur QQ 1. Activez le navigateur QQ et cliquez sur l'icône [trois] qui apparaît dans le coin supérieur droit (comme indiqué sur l'image). 2. À ce moment, une fenêtre de fonction apparaîtra ci-dessous. Dans cette fenêtre, cliquez pour accéder à l'option [Paramètres].

Comment ajouter le moteur de recherche Baidu sur Google Chrome ? Google Chrome est le choix de nombreux jeunes aujourd'hui. Dans des circonstances normales, nous installons Google Chrome et ouvrons la page principale du moteur de recherche officiel de Google. Cependant, la recherche Google ne peut pas être utilisée en Chine, nous devons donc modifier le moteur de recherche. un autre Oui, de nombreux utilisateurs aiment utiliser la recherche Baidu, alors comment définir la page principale de Google sur la recherche Baidu. L'éditeur ci-dessous vous proposera un didacticiel sur l'ajout du moteur de recherche Baidu à Google Chrome. J'espère qu'il pourra vous être utile. Tutoriel sur l'ajout du moteur de recherche Baidu à Google Chrome 1. Ouvrez Google Chrome et entrez les paramètres dans le coin supérieur droit, comme indiqué dans la figure ci-dessous. 2. Cliquez sur le bouton Paramètres à gauche, puis sélectionnez « Moteur de recherche », comme indiqué dans la figure ci-dessous. 3. Dans le moteur de recherche, recherchez

Comment configurer Google Chrome pour ouvrir Baidu ? Dans des circonstances normales, une fois que tout le monde a téléchargé et installé Google Chrome, le moteur de recherche qui s'ouvre par défaut est la recherche Google. Bien que la recherche Google soit très puissante, elle ne peut pas être utilisée en Chine. Par conséquent, de nombreux amis aiment définir le moteur de recherche du navigateur. à Baidu Search , alors comment le modifier spécifiquement. L'éditeur ci-dessous vous donnera une introduction détaillée à la méthode spécifique de configuration de Google Chrome pour ouvrir Baidu. Les amis intéressés peuvent venir y jeter un œil. La méthode spécifique d'ouverture des paramètres de Google Chrome est Baidu. Tout d'abord, ouvrez Google Chrome sur votre ordinateur, puis recherchez l'icône à trois points dans le coin supérieur droit. Ensuite, cliquez sur cette icône et sélectionnez l'option Paramètres. Les versions de certaines utilisateurs peuvent nécessiter de cliquer sur le bouton "Options"

Pourquoi se transforme-t-il en Baidu lorsque j'ouvre Google Chrome ? L'interface de recherche de page d'accueil par défaut de Google Chrome que nous avons téléchargé et installé est Google Search. Cependant, la page d'accueil de ce navigateur a également été falsifiée par d'autres navigateurs. De nombreux utilisateurs ont déclaré que lorsqu'ils ouvraient la page d'accueil de Google Chrome, Baidu Search. s'affiche. Alors, comment pouvons-nous modifier la recherche par défaut de Google Chrome par défaut dans cette situation ? Laissez maintenant l'éditeur vous proposer la solution de l'ouverture de la page Baidu sur Google Chrome. Les amis dans le besoin ne doivent pas la manquer. L'ouverture de Google Chrome est la solution de la page Baidu. Méthode 1 : 1. Cliquez sur les trois points dans le coin supérieur droit de Google Chrome, puis entrez les paramètres et modifiez l'URL ouverte au démarrage. Par exemple, Bing ou d'autres URL peuvent être utilisées (comme indiqué sur l'image). 2. Vous pouvez également

Avec le développement d’Internet, nous pouvons facilement obtenir diverses informations grâce à différents moteurs de recherche. Pour les développeurs, savoir comment obtenir diverses données des moteurs de recherche est une compétence très importante. Aujourd'hui, nous allons apprendre à utiliser PHP pour écrire un robot permettant d'explorer les résultats de recherche Baidu. 1. Comment fonctionne le robot d'exploration Avant de commencer, comprenons d'abord les principes de base du fonctionnement du robot d'exploration. Tout d’abord, le robot enverra une requête au serveur pour demander le contenu du site Web. Une fois que le serveur aura reçu la demande, il renverra le contenu de la page Web. Le robot a reçu

Comment définir Baidu comme page d’accueil de Google Chrome ? De nos jours, de nombreuses personnes aiment utiliser Google Chrome. Après avoir téléchargé et installé ce navigateur, le moteur de recherche par défaut est généralement Google. Cependant, la recherche Google n'est pas disponible en Chine, nous devons donc remplacer le moteur de recherche de la page d'accueil de Google Chrome par un autre. Oui, de nombreux amis aiment la recherche Baidu, alors comment définir la page d'accueil de Google Chrome sur Baidu. Cet article vous proposera un didacticiel graphique sur la configuration de Baidu comme page d'accueil de Google Chrome. J'espère qu'il pourra vous être utile. Tutoriel graphique sur la configuration de Baidu comme page d'accueil de Google Chrome 1. Cliquez pour ouvrir Google Chrome. Vous pouvez voir que la valeur par défaut actuelle est la recherche Google, comme le montre la figure ci-dessous. 2. Cliquez sur l'icône à trois points dans le coin supérieur droit de l'interface, puis sélectionnez

Ce qui suit est une explication détaillée et l'utilisation de certaines commandes CMD couramment utilisées : dir : affiche une liste de fichiers et de sous-répertoires dans le répertoire actuel. Utilisation : dir [chemin du répertoire] cd : change le répertoire courant. Utilisation : cd [chemin du répertoire] mkdir : Créez un nouveau répertoire. Utilisation : mkdir [nom du répertoire] copy : copie un fichier ou un répertoire. Utilisation : copier[chemin du fichier source][chemin du fichier de destination]déplacer : déplacer des fichiers ou des répertoires. Utilisation : move[chemin du fichier source][chemin du fichier de destination]del : supprime le fichier. Utilisation : del[chemin du fichier]rmdir : supprimer le répertoire. Utilisation : rmdir[chemin du répertoire]ren : Renommer un fichier ou un répertoire. Utilisation : ren[nom original][nouveau nom]

Comment utiliser Vue pour mettre en œuvre des effets de recherche de type Baidu nécessite des exemples de code spécifiques. Le moteur de recherche Baidu a toujours été l'un des moteurs de recherche les plus utilisés par les utilisateurs nationaux, et ses effets de recherche uniques apportent également une bonne expérience aux utilisateurs. Parmi eux, l'effet de liste déroulante qui imite la recherche Baidu est également très populaire. Cet article expliquera comment utiliser Vue pour implémenter des effets de recherche de type Baidu et fournira des exemples de code spécifiques. Tout d’abord, nous devons créer un projet Vue. Dans le fichier d'entrée du projet (main.js), introduisez Vue et les composants associés : impo
