


jQuery fügt ein Ajax-Suchfeld hinzu, um Text einzugeben und den Code automatisch zu vervollst?ndigen

jQuery+Ajax-Suchfeld Eingabetext zur automatischen Vervollst?ndigung des Codes, ein imitiertes Dropdown-Feld zur automatischen Vervollst?ndigung der Baidu-Suche, das mit Ajax implementiert wurde, um Optionen für Themenlisten anzuzeigen.
JsonpAjax.js enth?lt Code
$(function(){ //當鍵盤鍵被松開時發(fā)送Ajax獲取數(shù)據(jù) $('#text').keyup(function(){ var keywords = $(this).val(); if (keywords=='') { $('#word').hide(); return }; $.ajax({ url: 'http://suggestion.baidu.com/su?wd=' + keywords, dataType: 'jsonp', jsonp: 'cb', //回調(diào)函數(shù)的參數(shù)名(鍵值)key // jsonpCallback: 'fun', //回調(diào)函數(shù)名(值) value beforeSend:function(){ $('#word').append('<div>正在加載。。。</div>'); }, success:function(data){ $('#word').empty().show(); if (data.s=='') { $('#word').append('<div class="error">Not find "' + keywords + '"</div>'); } $.each(data.s, function(){ $('#word').append('<div class="click_work">'+ this +'</div>'); }) }, error:function(){ $('#word').empty().show(); $('#word').append('<div class="click_work">Fail "' + keywords + '"</div>'); } }) }) //點擊搜索數(shù)據(jù)復制給搜索框 $(document).on('click','.click_work',function(){ var word = $(this).text(); $('#text').val(word); $('#word').hide(); // $('#texe').trigger('click');觸發(fā)搜索事件 }) })JQuery ist eine der wichtigen Technologien, die für die Webprogrammierung erforderlich sind. Jquery ist nach dem Prototyp ein weiteres hervorragendes Javascript-Framework. Es ist eine leichte JS-Bibliothek (nur 21 KB nach der Komprimierung). Mit jQuery k?nnen Benutzer HTML-Dokumente und -Ereignisse einfacher verarbeiten, Animationseffekte implementieren und problemlos AJAX-Interaktion für Websites bereitstellen. Ein weiterer gro?er Vorteil von jQuery ist, dass die Dokumentation sehr vollst?ndig ist und die verschiedenen Anwendungen ausführlich erkl?rt werden. Au?erdem stehen viele ausgereifte Plug-Ins zur Auswahl. jQuery kann den Code und den HTML-Inhalt der HTML-Seite des Benutzers trennen. Das hei?t, es ist nicht erforderlich, eine Reihe von js in den HTML-Code einzufügen, um den Befehl aufzurufen. Der Entwicklungszyklus ist kurz, schnell zu starten, niedriges Einstiegsniveau, aber schwer voranzutreiben. H?ufig verwendete JQuery-Spezialeffekte, JQuery-Fokuskarte, JQuery-Registerkarte, JQuery-Bildlaufleiste, JQuery-Dropdown-Werbung, verz?gertes Laden von JQuery-Bildern usw. , JQuery-Code, Lupeneffekte, JQuery-Werbecode, JQuery-Navigation, JQuery-Online-Kundenservice, JQuery-Fotoalbum-Code usw.
Alle Ressourcen auf dieser Website werden von Internetnutzern bereitgestellt oder von gro?en Download-Sites nachgedruckt. Bitte überprüfen Sie selbst die Integrit?t der Software! Alle Ressourcen auf dieser Website dienen nur als Referenz zum Lernen. Bitte nutzen Sie diese nicht für kommerzielle Zwecke. Andernfalls sind Sie für alle Folgen verantwortlich! Wenn ein Versto? vorliegt, kontaktieren Sie uns bitte, um ihn zu l?schen. Kontaktinformationen: admin@php.cn
Verwandter Artikel

07 Mar 2025
JQuery Empowers Form Design: Verbesserung der Benutzererfahrung und visuellen Effekte JQuery vereinfacht das Formular für das Formular und erm?glicht es Ihnen, einfach verschiedene Grafikdesigns und interaktive Effekte zu erzielen. Einige JQuery-Plug-Ins k?nnen Textfelder vergr??ern, damit sie auff?lliger werden. Verwandte Lesungen: 30 JQuery Form -Plugins Kontrollk?stchen iPhone Style Kontrollieren Sie K?stchen, die den berühmten Switch -Stil des iPhone nachahmen. Quelle: http://awardwinningfjords.com/2009/06/16/iphone-style-checkboxe

25 Feb 2025
Entdecken Sie diese fantastischen JQuery- und PHP-Plugins und lernen Sie, wie Sie mit unseren einfach zu folgenden Tutorials beeindruckende Effekte erzielen. Fangen wir an! Verwandte Artikel: Einfache Captcha -Implementierung mit JQuery, Ajax und PHP JQuery zur PHP -Kommunikation über AJ

22 Oct 2024
Um Hover-Effekte auf Touch-f?higen Ger?ten zu reproduzieren, schl?gt dieser Artikel eine Technik vor, die eine Kombination aus CSS und JavaScript verwendet. Es zeigt, wie man mit jQuery Hover-Effekte zu Elementen bei Touchstart- und Touchend-Ereignissen hinzufügt und wie man diese formatiert

13 Nov 2024
jQuery: Dynamisches ?ndern von Text mit Mouseover-EreignissenBei der Interaktion mit Elementen auf einer Webseite kann das Hinzufügen subtiler Effekte den Benutzer verbessern...

15 Nov 2024
So erzielen Sie Hover-Effekte mithilfe von Pseudoklassen und jQuery. Bei der Arbeit mit Stylesheets k?nnen Sie mithilfe von CSS-Pseudoklassen wie :hover ... anwenden.

27 Feb 2025
Dieser Beitrag zeigt zehn au?ergew?hnliche JQuery -Plugins, die einzigartige und visuell ansprechende Effekte bieten. Erkunden wir diese Plugins und ihre F?higkeiten! JQuery Lens Flare Effect Plugin: Dieses Plugin verleiht Yo mühelos einen stilvollen Linsen -Flare -Effekt

02 Mar 2025
Dieser Artikel zeigt zehn JQuery-Plugins, die auff?llige bewegende Effekte für Websites erzeugen. Von subtilen Hintergrundanimationen bis hin zu komplexeren 3D -Illusionen fügen diese Plugins dynamisches visuelles Interesse hinzu. Lass uns eintauchen! Verwandte Artikel: JQuery Para

26 Feb 2025
Dieser Beitrag zeigt zehn au?ergew?hnliche JQuery UI -Komponenten, die reibungslose Interaktionen, atemberaubende Animationen und fortschrittliche Effekte bieten. Erh?hen Sie Ihre Benutzererfahrung auf die n?chste Stufe - lassen Sie uns entdecken! JQuery UI CSS3 Slide Bar Tutorial: Diese Tutorial -GUI

21 Feb 2025
Fünf erstklassige JQuery-Plugins zum Filtern und Sortieren In diesem Artikel werden fünf hervorragende JQuery -Plugins zum Filtern und Sortieren hervorgehoben, wobei jeweils einzigartige Funktionen und visuelle Effekte angeboten werden. Diese Plugins vereinfachen den Prozess der dynamischen Verwaltung von con


Hei?e Werkzeuge

jQuery2019 Valentinstag-Gest?ndnis-Feuerwerk-Animations-Spezialeffekte
Ein sehr beliebter jQuery-Spezialeffekt mit Gest?ndnisfeuerwerk zum Valentinstag auf Douyin, der für Programmierer und Technikfreaks geeignet ist, um dem M?dchen, das sie lieben, ihre Liebe auszudrücken. Egal, ob Sie es m?gen oder nicht, am Ende müssen Sie zustimmen.

Laui responsive animierte Login-Schnittstellenvorlage
Laui responsive animierte Login-Schnittstellenvorlage

520 Webanimations-Spezialeffekte für Gest?ndnisse zum Valentinstag
jQuery Valentinstag-Gest?ndnisanimation, 520-Gest?ndnis-Hintergrundanimation

Coole System-Anmeldeseite
Coole System-Anmeldeseite

HTML5-Kassettenmusik-Player – KASSETTENSPIELER
HTML5-Kassettenmusik-Player – KASSETTENSPIELER
